HTML 列表边距
我正在尝试制作一个编号列表，但列表和一些文本之间的顶部和底部有空白（我使用的是 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 ^
I'm trying to make a numbered list but I'm getting a margin on the top and the bottom between the list and some text (I'm using Firefox).
When I try get rid of it with CSS, I loose the numbers and the indentation. Is it possible to get rid of the margin without loosing the numbers and list indentation?
If you use the following html:
<html>
<body>
BIG GAP V
<ol>
<li>hello</li>
<li>there</li>
</ol>
BIG GAP ^
</body>
</html>
You'll see that you get the following:
BIG GAP V
<ol>
<li>hello</li>
<li>there</li>
</ol>
BIG GAP ^
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试仅更改顶部和底部边距：
Try to change just the top and bottom margin:
理想情况下，如果您希望最好地控制 HTML 布局，您应该使用重置 CSS，例如 Eric Meyer 的或来自 YUI 的。这会删除浏览器应用的任何默认格式（每个浏览器通常都不同）。然后，您可以应用您想要的格式（边距、填充等）。
Ideally, if you want the best control over the layout of your HTML, you should use a reset CSS such as Eric Meyer's or the one from YUI. This removes any default formatting applied by browsers (which is often different for each browser). You can then apply the formatting (margins, padding etc.) that you want.