UL标签周围的垂直间距

Question

<div>标记与<ol>或<ul>标记之间的意外差异之一是列表标记在块的顶部和底部添加了20px的填充到任何地方在样式属性中指定。

事实上，使用<div><li></li><li></li></div>可以得到完全理想的结果。虽然这种解决方法显然是非法的 - （问题2031725）。我猜这个解决方法是海报的想法。

Firefox / Safari / IE分享此行为。此问题是否源自HTML规范？还有其他明显的解决方法吗？这似乎是一个明显的缺陷，我听到很多抱怨。

Answer 1

<ol>和<ul>标记周围的垂直空间不是HTML的一部分，而是浏览器的默认样式。如果你不喜欢这种风格，change it而不是使用无效的HTML。

我也反对“意外的分歧”。 <ol>和<ul>具有固有的语义含义（分别是有序和无序列表），因此默认情况下，浏览器将其设置为支持该含义。 <div>几乎没有任何语义含义，因此默认情况下没有样式。