问答详情
源自：1-3 实例JS+DOM

为什么按视频里设置box的宽度box会有空白呢

var box=document.getElementById('container');

var imgs=document.getElementsByTagName('img');

var imgwidth=imgs[0].offsetWidth;

var exposewidth=100;

var boxwidth=imgwidth+(imgs.length-1)*exposewidth;

box.style.width=boxwidth+'px';

    for(var i=1;i<imgs.length;i++)

{

imgs[i].style.left=exposewidth*(i-1)+imgwidth+'px';

}

http://img.mukewang.com/56f40de20001252001710232.jpg

明明已经设置好了。为什么会这样？

提问者：sennokiseiki 2016-03-24 23:56

个回答

  • TWT
    2016-04-27 11:53:57
    已采纳

    大概是你引入的图片为宽高不等的图片。

    后续图片的宽度小于第一张图片的宽度 imgs[0].width ，而在定义容器 container 宽度时使用的是较大的宽度 imgs[0].width ，所以造成 boxwidth 偏大，后续图片移动时不能填满，露出部分间隙，透出背景颜色。

    案例所用应为等宽高图片。

    0
  • Loupha
    2016-04-10 09:57:39

    var exposewidth=100; 这个不是160吗？

    0
  • 爱吃西红柿鸡蛋面
    2016-03-25 14:50:31

    引入reset文件？

    0