css - CSS 布局问题。需要一双新鲜的眼睛

Question

我遇到了一个问题，我的图片库中的缩略图间距到处都是，我已经筋疲力尽了，哈哈。

以下是包含缩略图的所有页面的一些示例页面： Good | 好| 好的

然而，在大多数专辑页面上，它们被挤在一起，例如这个页面： Bad

然后是这个页面，它似乎已经完全消失了 kablooey： 真的很糟糕

我确定我在某处缺少边距或填充，但目前它正在躲避我。任何人都可以解决这个问题？

谢谢！

Answer 1

您应该重新编写 CSS 以使所有lis 向左或向右浮动，并留有余量。

这将确保所有元素彼此保持在指定的距离内，并且当一个类解决问题时，无需定位和大量唯一 ID。

不要忘记在关闭 div 之前添加一个清除元素；）

CSS：

#wrap
{
    width: 450px;
    margin: 0 auto;
    border: 1px dashed #000;
}

.imageHolder
{
    float: left;
    width: 100px;
    margin: 5px;
    border: 1px dashed #00f;
}

.clear
{
    display: block;
    clear: both;
}
​

http://jsfiddle.net/Kyle_Sevenoaks/a6JGm/