减少HTML <UL>和<LI>元素之间的差距

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; }