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佈局問題。需要一雙新鮮的眼睛

回答

相關問題