这两个ul标签之间有什么区别

Question

在这里让我疯狂的东西 我有一个大的HTML模板，我无法发布，但问题是，当我写这样的ul标签一切正常找

<ul><li>something</li><li>something</li><li>something</li></ul>

但是当我这样写的时候我得到+4像素，我不知道从哪里

<ul>
<li>something</li>
<li>something</li>
<li>something</li>
</ul>

当我使用第二种方法时，我确定我在某处没有额外的空间，但我认为它来自于它们之间的“输入”

任何解决方案？也许

::额外信息

我发现问题来自关闭和启动li标签这个问题

<ul>
<li>
something
</li><li>
something
</li><li>
something
</li>
</ul>

任何想法？

Answer 1

您可能会注意到这种差距，因为您正在使用CSS制作水平菜单;在制作<li>内联元素时，不会忽略它们之间的空格。

Answer 2

我不知道导致问题的原因，但您可以使用CSS解决它。为li元素编写样式并指定适当的边距。

Answer 3

我首先使用重置CSS，例如one

Answer 4

你注意到的是（x）html将空格折叠到单个空间中的“特征”。大部分时间这不是一个问题，但对于横向菜单来说，这是一种烦恼。

有两种方法可以解决这个问题（除了你的第一个例子）：

<ul>
<li>something</li
><li>something</li
><li>something</li>
</ul>

（请注意，前两个</li>标记在下一行之前不会关闭。）

<ul>
<li>something</li><!-- hiding the whitespace
--><li>something</li><!-- hiding the whitespace again
--><li>something</li>
</ul>

在我喜欢第一个的两个选项中，它没有抛出任何错误，在xhtml 1.0 strict下非常愉快地验证。这不是一个理想的情况，但它比将整个列表放入（x）html的单行更好。