2013-06-26 117 views
0

我正在使用列,並嘗試排列4個div與圖像使用百分比的寬度。網格問題與圖像

它工作正常,但有一個問題,我有4列與div元素和圖像。

除最後一列外,所有列都有填充權限。

如果你看一下http://codepen.io/anon/pen/mtgAI

正確的DIV較大。我知道問題是最後一個div沒有正確的填充,

最後一列現在變大了。任何方法來解決這個問題?

+0

那麼,爲什麼你沒有添加填充到最後一個? –

+0

以及嘗試和包裝這些div在一個單獨的具有多個​​每個div個別,然後把它們線性。希望這項工作。然後給每個​​一定的空間。我知道我已經去了舊學校。但只是試一試。 –

回答

0

Lloan唉有一個好主意,不幸的是padding值應該是相同的。試試這個:

[class*='col-'] { 
    float: left; 
    padding-right: 10px; 
    padding-left: 10px; 
} 

​​沒有必要。也許有更好的解決方案,但我希望它可以幫助你。 :)

+0

工作...我有最後一個沒有填充的原因,是讓他們兩邊平等。它沒有圖像工作。 –