UL標籤周圍的垂直間距

<div>標籤和<ol>或<ul>標籤之間的意外差異之一是列表標籤在塊的頂部和底部添加了20px的填充，以指定在樣式屬性中指定的任何值。UL標籤周圍的垂直間距

實際上，使用<div><li></li><li></li></div>可以給出所需的結果。雖然這種解決方法顯然是非法的 - （問題2031725）。我猜這個解決方法是海報想到的。

Firefox/Safari/IE共享此行爲。這個問題是否源於HTML規範？還有其他明顯的解決方法嗎？這似乎是一個明顯的缺陷，我聽到很多抱怨。

您不能擁有沒有列表的列表項目。首先是雞蛋或雞肉類的東西。使用標準的HTML和CSS來達到預期的效果。這也不是一個解決方法，它只是格式不正確的HTML。 – 2010-09-13 19:59:22

HTML用於標記某些文本*是*（列表，段落，表格等），CSS用於控制它的外觀。嘗試並堅持這種思維方式，你會活得更久。 – 2010-09-13 20:16:25

<ol>和<ul>附近的垂直空間標記不是HTML的一部分，而是瀏覽器的默認樣式。如果您不喜歡該風格，請使用change it而不是使用無效的HTML。

我也會反對「無意識的差異」。 <ol>和<ul>具有固有的語義含義（分別是有序列表和無序列表），因此瀏覽器默認使用它們來支持該含義。 <div>幾乎沒有語義含義，所以默認情況下是無風格的。

2010-09-13 20:24:51

回答