CSS - 图像对齐

Question

我可以在不使用表的情况下执行此操作，还是表是最佳解决方案？

每个编号的框都是不同的图像：

   ___________________
   |       |    2    |
   |       |_________|
   |   1   |  3 |  4 |
   |       |____|____|
   |       |    5    |
   |_______|_________|

Answer 1

只要容器具有已定义的宽度，您就可以使用浮动执行此操作。所以一个例子可能如下所示：

<div class="container">
  <img src="img1.jpg" />
  <img src="img2.jpg" />
  <img src="img3.jpg" />
  <img src="img4.jpg" />
  <img src="img5.jpg" />
</div>
<div class="clear"></div>

而你的CSS将是：

.container {
  width: 600px;
}

img {
  float: left;
}

.clear {
  clear: both;
}

只要您的图像以适当的宽度和高度构建，那么这应该可以解决问题。