为什么他在div标签中放入一个特定的img标签？

Question

代码不是一些随机混乱的代码，我在一本书中找到了它：

<div id="main">
<div><img src="images/img1.png" /></div>
<div><img src="images/img2.png" /></div>
<div><img src="images/img3.png" /></div>
<div><img src="images/img4.png" /></div>
</div>

所以..为什么他把每个img标签都放在div标签里面？ 造型可能吗？他可以使用img标签来设置它们的样式，甚至可以使用主ID

Answer 1

可能因为<div>是块级元素而<img>不是？

在任何情况下，书籍中的代码通常只是作为说明而有时并不代表最佳实践。

<img>实际上是a replaced inline element。不过，我对书中示例代码的看法仍然存在。

还有很多方法可以给猫皮肤......

Answer 2

仅仅从它的外观来看，我猜这是一个合乎逻辑的<ul>，受到了土卫病的折磨。书籍倾向于对它们进行一些程度的质量控制，但是它们仍然很难与分裂的WTF一样糟糕，因为这是如此多的设计师学会如何做到的。但是，如果没有看到这本书或者能够方便地访问作者的大脑，就很难确定。

此外，很多人忘记了他们可以通过任意花哨的方式设置通常不显眼的内联元素，因此他们最终添加了他们更习惯于以这些方式设计样式的元素。我曾经简化过一个外观漂亮，专业设计的类别标题链接，它具有奇怪的形状和非常特定的间距，因为它在移动到页面的不同区域时会导致奇怪的问题。 IIRC，他们的版本使用了三个div，一个img，一个锚点和一个跨度。我使用了一个锚点和一个img，并且像素相同。