css - 在 div 中均匀间隔 href img

Question

我很难弄清楚如何在 div 容器的两侧均匀地放置 3 个 href img。

视觉示例:[ X X X ]

(X = href img [ ]=容器 div)

<div id="container">
  <a href="#"><img src="image1.jpg"></a>
  <a href="#"><img src="image2.jpg"></a>
  <a href="#"><img src="image3.jpg"></a>
</div>

CSS:

#container {
  clear: both;
  width: 900px;
  height: 150px;
}
#container a img {
  margin: 0 auto;
}

非常感谢任何帮助。谢谢

Answer 1

好的，因为您希望它们均匀分布，我建议使用百分比作为图像的宽度。例如:

#container {
  clear: both;
  width: 900px;
  height: 150px;
}
#container a img {
  float: left;
  width: 33%;
}

这应该使您的 anchor float 在父 div 中，以便它们水平对齐