html - HTML 列表边距

Question

我正在尝试制作一个编号列表，但我在列表和一些文本之间的顶部和底部都有一个边距（我使用的是 Firefox）。当我尝试用 CSS 摆脱它时，我失去了数字和缩进。是否可以在不丢失数字和列表缩进的情况下摆脱边距？

如果您使用以下 html：

<html>
<body>
BIG GAP V
  <ol>
    <li>hello</li>
    <li>there</li>
  </ol>
BIG GAP ^
</body>
</html>

你会看到你得到以下信息：

BIG GAP V
  <ol>
    <li>hello</li>
    <li>there</li>
  </ol>
BIG GAP ^

score 2 · Accepted Answer

2

尝试仅更改顶部和底部边距：

ol {
    margin-top: 0;
    margin-bottom: 0;
}

于 2009-09-05T18:24:45.290 回答

score 0 · Accepted Answer

理想情况下，如果您想最好地控制 HTML 的布局，您应该使用重置 CSS，例如Eric Meyer或YUI中的 CSS 。这将删除浏览器应用的任何默认格式（每个浏览器通常不同）。然后，您可以应用所需的格式（边距、填充等）。

2 回答 2