html - 代码位于不同行时内联列表项之间的空格

Question

如果我在单独的代码行中编写内联列表项，它们之间会插入一个空格。

有没有办法通过在同一行代码中对所有列表项进行编码来防止这种情况发生？

<li>123</li>
<li>456</li>

创建我不想要的以下内容

123 456

<li>123</li><li>456</li>

创建我想要的以下内容

123456

谢谢

Answer 1

我假设你使用 CSS display: inline内联您的列表项？

display: inline正是这样做的:它将源代码中的新行转换为空格字符。您现在有两个选择:

1. 要么你写下你所有的<li>一行中的元素，然后显示:内联实际上会让你的列表元素表现得像你想要的那样(中间没有空格)——我在这里为你设置了一个例子:http://www.jsfiddle.net/NxrQ9/ .
2. 或者不使用内联元素，而是使用 display:block和 float: left .