Question

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

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

但是，在大多数相册页面中，它们会被拼凑起来，例如此页面：Bad

然后就是这个页面，似乎完全消失了：Really Bad

我确定我在某个地方错过了一个边距或填充，但此刻它正在躲避我。有人能解决这个问题吗？

谢谢！

Answer 1

你应该重新编写CSS，让所有li向左或向右浮动，并留有余量。

这将确保所有元素保持在彼此的指定距离内，并且当一个类将解决问题时，无需定位和大量唯一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/

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

1 个答案: