css問題與文本之間的行間距有超過兩行，即7

Question

在IE7的兼容模式下，我注意到Internet Explorer 7的一個奇怪的間距問題。我有一個joomla新聞源安排爲一系列垂直列表項目。出於某種原因，每行文本之間的空白高度似乎是可變的。以下是該網頁的網址，www.galloplaw.com。我可以做什麼或設置解決這個問題？

Answer 1

即使您沒有給予ul的任何填充或餘量，li在每個瀏覽器中都需要一些默認的邊距和填充。

而且金額在不同的瀏覽器中有所不同。

所以你需要做一件事，即重置邊距和填充。

要麼使用

* 
{ 
    margin: 0; 
    padding: 0; 
} 

每一個元素的邊距重置頁面或使用

ul, li 
{ 
    margin: 0; 
    padding: 0; 
} 

只重置UL的保證金和li元素。

重置後，您可以給你自定義的邊距和填充。 希望這會幫助你。

Answer 2

我強烈推薦使用真正的CSS重置，比如Eric Meyer's reset或Normalize CSS，但它可能會在您的項目中稍晚一點。

這裏的問題可能是，在您的新聞li標籤上，您有頂部和底部邊距。在最近的瀏覽器中，一個li的底部邊界將與下面的li的頂部邊界合併。不在IE7中。你可以通過刪除你的css的第475行的以下內容刪除你的li的上邊距：

.latestnews li { 
    margin-top: 10px; 
}