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

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> 项目写在一行中，然后显示：inline 实际上会使您的列表项目表现得如您所愿（中间没有空格）- 我在这里为您设置了一个示例：@987654321 @。
2. 或者不用内联元素，您只需使用 display:block 和 float: left。

Answer 2

尝试将内边距和边距设置为 0：

#ul_id li{
  padding:0px;
  margin:0px;
}