類別頁面設計問題

Question

我正在使用maximus主題。這是我的網站類別頁面Category。我用一些css tweeks改變了佈局。我得到了我想要的方式。但thrid post itrem左對齊。然後下兩個顯示正確再次第三次向右。我知道這是不正確的方式..但至於我的時間我想使它的工作是這樣的 我不知道是什麼問題。

這

的CSS我給

.category .span12 .row-fluid:nth-of-type(2), 
.category .span12 .row-fluid:first-child { 
    width:100% !important; 
    float:left; 
} 

.category .span9 .row-fluid { 
    width:47% !important; 
    float:left; 
    padding-left: 10px; 
} 

.category .blog-content { 
    display:none; 
} 

請幫助

Answer 1

你的內容塊的高度是不同的。因爲第一個區塊比較大，第二個區塊是在右側的頁面上看到有空間。它將放置你的街區。

你可以用幾種方法解決這個問題。

• 只需簡單地爲所有塊添加標準高度即可。

爲例：

.category .span9 .row-fluid { 
    float: left; 
    min-height: 195px; 
    padding-left: 10px; 
    width: 45% !important; 
} 

• 使用（Pinterest的等等）砌築的javascript：http://masonry.desandro.com/
• 計算你的JavaScript項（每對夫婦）的高度。給他們兩個最大塊的高度。

希望這可以解決您的問題。

Answer 2

它的工作原理

.category .span9 .row-fluid { 
    float: left; 
    min-height: 195px; 
    padding-left: 10px; 
    width: 45 % !important; 
}