为什么他要在 div 标签中放置一个特定的 img 标签？答案

【问题标题】：why is he putting one specific img tag inside div tag?为什么他要在 div 标签中放置一个特定的 img 标签？
【发布时间】：2011-10-27 15:50:37
【问题描述】：

代码不是一些乱七八糟的代码，我是在书中找到的：

<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

【问题讨论】：

你为什么不问问他？无论哪种方式，最好尽可能多地删除 div。如有疑问，请忽略它。

标签： html tags image

【解决方案1】：

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

无论如何，书中的代码通常只是作为说明，有时并不代表最佳实践。

<img> 实际上是a replaced inline element。但是我关于书中示例代码的观点仍然成立。

给猫剥皮的方法也很多......

【讨论】：

请注意，在您链接到的问题中，正确答案是 Quentin 的。 <img> 是 replaced inline element

【解决方案2】：

仅从外观上看，我猜这是一个合乎逻辑的<ul>，它受到了divitis 的折磨。书籍往往对它们进行某种程度的质量控制，但它们仍然对 div-ridden WTF 很糟糕，因为这就是许多设计师学会这样做的方式。但是如果没有看过这本书或没有方便地接触到作者的大脑，就很难确定。

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

【讨论】：