Html 第二排图像库

我正在尝试为我刚才做的一个3D原型项目制作一个图像库。一切似乎都应该是好的，但画廊的第二排被移到了右边，我不确定为什么

这是HTML

<div id="thumbDiv" style="width: 60%; margin-left: 20%;">
        <img src="phone1.jpg" id="phone1">
        <img src="phone2.jpg" id="phone2">
        <img src="phone3.jpg" id="phone3">
        <img src="phone4.jpg" id="phone4">
        <img src="phone5.jpg" id="phone5">
        <img src="phone6.jpg" id="phone6">
</div>

结果就是这样

---

有什么想法吗？

我不知道你的问题在哪里，但它在我的chrome浏览器上运行良好。也许可以检查一下chrome的版本和你的写作语言。（html5和css3）

#thumbDiv img{
宽度：30%；
填充物：5px；
浮动：左；
}

添加显示：块；这里没有足够的代码来重现这个问题。

#thumbDiv img{
    width: 30%;
    padding: 5px;
    float: left;
    }