类别页面设计问题

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; 
}