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

我遇到了一个问题，我的图片库中的缩略图间距遍布整个地方，我被烧毁了，哈哈。CSS布局问题。需要一双新鲜的眼睛

以下是包含缩略图的所有页面应显示的内容的几个示例页面：Good | Good | Good

然而，在大部分的集册页，他们得到嘎吱嘎吱在一起，这样的页面，例如：Bad

再有就是这个页面，在这里似乎已经完全kablooey了：Really Bad

我我确定我在某处丢失了保证金或填充物，但目前它正在逃避我。任何人都可以解决这个问题？

谢谢！

来源

2012-07-26 J. Scott Elblein

感谢您的帮助，事实证明在这种情况下，该主题模块中的PHP代码本身就是导致问题的原因。 – 2012-08-15 07:05:02

您应该重新编写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/

来源

2012-07-26 06:58:24 Kyle

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

回答

相关问题