如何在行中浮動元素。

Question

這是我最後的機會，這可能是一個CSS問題。

這是問題頁面。 http://mentor.com.tr/?page_id=81

該網站建立在wordpress上。生成的帖子顯示爲無序列表。

<ul class="lcp_catlist"> 
    <li> 
    <li> 
    <li> 
    ... 
    </ul> 

所有<li>的浮動到左邊。但正如你將會看到的，左邊一排有一個奇怪的缺口。這是我的問題。我該如何解決這個問題？我瘋了。

空位：

Answer 1

可以爲li元素

ul.lcp_catlist li { 
    ... 
    height: 240px; 
} 

Answer 2

嘗試移除浮子指定一個明確的高度：左和使用顯示：直列塊代替。注意：IE6/7不支持內聯塊，但是如果在IE6/7僅樣式表中應用「display：inline; zoom：1」，它將起到相同的作用。

Answer 3

出現間隙是因爲圖像的高度http://mentor.com.tr/wp-content/themes/hybrid/library/images/2011/07/Aycan.jpg比其他圖像小1個像素。從extrastyles.css修改您的影像風格如下刪除差距：

ul.lcp_catlist img { 
    float: left; 
    height: 206px; 
    margin-right: 5px; 
    margin-top: -2px; 
    width: auto; 
}