在 div 块内定位多个图像答案

【问题标题】：Positioning Several Images Inside a Div Block在 div 块内定位多个图像
【发布时间】：2013-12-16 04:55:12
【问题描述】：

我想在一个 div 块中放置多个图像。里面的图片位置应该是相对于那个div的。

我应该把每张图片放在一个自己大小的块中，并将这些块相对于更大的块定位吗？（所以在任何浏览器中，该块看起来都一样！）

【问题讨论】：

【解决方案1】：

你可以这样做。这是一个简单的模型。

HTML

<div>
<img src="/1st.jpg">
<img src="/2nd.jpg">
<img src="/3rd.jpg">
</div>

CSS

div { display: block; }

img { display: inline-block; position: relative; float: left; }

【讨论】：

是的，谢谢，但如果我希望它们与边界和彼此保持一定距离，我应该创建一个类，这样我就不会单独添加值了吗？
是的，但是会有更多的块，所以我专门为这个块的图像创建了一个类（其他更大的块会有其他规格）。 .imagesBlock1 { 位置：相对；宽度：55px；高度：55px；边距：4px；显示：内联块；位置：相对；向左飘浮; }
最好学习如何正确使用类和ID，这样它会尽可能小而高效。所以，谢谢！