减少HTML <ul>和<li>元素之间的差距</li> </ul>

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

Answer 2

试试这个（不知道你的问题是否存在）：

<ul><li>
your first li element </li><li>
your second li element</li>
</ul>

如果你不“避免”它，你可以说，HTML代码上有一些你无法避免的空格。 看看here。

Answer 3

除了kapa的评论之外，如果您为保证金输入负值，它将缩小差距。

在css中：

ul { margin:-20px;}

Answer 4

是的，你可以使用CSS。在CSS中，指定边距或填充属性以调整LI和UL元素之间的间距。

LI { margin: 0px; }

Answer 5

这将减少垂直距离，但不会减小水平距离。

ul { margin:-15px 0;}

这是Andrew和kapa的组合。

Here's how it looks.