2

我有一个由 PHP 动态控制的简单图片库,用于在页面中添加和删除图片缩略图。我遇到的问题是我希望图像彼此相邻对齐,直到该行没有空间并被迫开始另一个。

我已经尝试使用float:leftwhich 工作但包含高度设置为自动调整自身大小以不包含图像的包含主体 div。然后我尝试添加clear:both;修复了body div问题的图像,但现在图像直接位于彼此下方。

float:left以前在很多情况下都使用过,但包含的 div 具有固定的高度。

有谁知道我该如何解决这个问题?

谢谢大家:)

4

1 回答 1

5

您必须使用“clear: both;”添加一个空 div 作为包含图像的 div 中的最后一个元素。

如果添加“clear: both;” 对于图像,该图像将被放置在新行上,因为它不允许浮动元素位于其两侧。

于 2013-01-01T15:27:17.803 回答