为了账号安全,请及时绑定邮箱和手机立即绑定

为什么按视频里设置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://img1.sycdn.imooc.com//56f40de20001252001710232.jpg

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

正在回答

3 回答

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

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

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

0 回复 有任何疑惑可以回复我~
#1

sennokiseiki 提问者

非常感谢!
2016-05-25 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

引入reset文件?

0 回复 有任何疑惑可以回复我~
#1

sennokiseiki 提问者

引入了。
2016-03-26 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信