html - 为什么我的 ul 列表有很大的差距？

Question

我正在尝试整理 html 列表样式，但我不知道为什么会这样。

我的 UL html 列表似乎在它们之上有一个巨大的差距，我该如何删除它？

score 1 · Accepted Answer

设置以下样式：

ul{
margin: 0;
padding: 0;
}

您的浏览器默认添加 UL 边距 - 您需要重置默认浏览器CSS

score 1 · Accepted Answer

通过添加margin:0到您的.content-list规则声明。

顺便说一句，你不能有一个<br />in<ul>标签。这是无效的标记

score 1 · Accepted Answer

那是因为默认情况下，uls 有一个margin-topof 40px（在 Chrome 中，不同的浏览器会有所不同）。设置margin: 0px你的ul，这将解决它：

ul {
    margin: 0px;
}

score 0 · Accepted Answer

如果您在浏览器开发人员工具中特别是在 chrome 中检查元素，则您的 UL 内容列表的边距为 14，侧面工具指标将显示您的间距值。只需设置边距：0px; 对于那种 UL 风格，这种差距将会消失。

4 回答 4