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

来源:1-3 实例JS+DOM

sennokiseiki

2016-03-24 23:56

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

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

写回答 关注

3回答

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

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

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

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

    sennok...

    非常感谢!

    2016-05-25 23:42:51

    共 1 条回复 >

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

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

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

    引入reset文件?

    sennok...

    引入了。

    2016-03-26 15:05:34

    共 1 条回复 >

DOM探索之基础详解篇

要知道前端大牛都是从精通DOM开始的,全面讲解DOM的基础知识

98374 学习 · 238 问题

查看课程

相似问题