html - 减少 HTML 和 元素之间的差距

Question

我的网页中有以下 HTML:

Forum
<ul>
<li> Stack</li>
<li> OverFlow</li>
</ul>

正如您在下面看到的，我完美地列出了元素，但 <UL> 之间有一个固定的差距。和 <LI>元素。

有什么办法可以缩小这个差距？即附加屏幕中“论坛”和“堆栈”文本之间的差距？

Answer 1

差距不存在于UL和LI元素之间，而是存在于Forum文本和UL之间元素。大多数浏览器在某些元素周围定义默认边距，例如 UL。

你用 CSS 摆脱它:

ul { margin: 0; }

或者如果你只是想减少它，例如这个将设置水平边距为 0，垂直边距为 5px:

ul { margin: 5px 0; }