代码在单独的行上时内联列表项之间的空格

时间:2010-10-12 14:28:17

标签: html css

如果我在不同的代码行上编写内联列表项,则会在它们之间插入一个空格。

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

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

创建以下我不想要的内容

123 456

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

创建以下我想要的

123456

感谢

2 个答案:

答案 0 :(得分:1)

我假设你 使用CSS display: inline内联列表项?

display: inline完全相同:它将源代码中的新行转换为空格字符。您现在有两个选择:

  1. 您要么在一行中写下所有<li>个项目,然后显示:内联实际上会使您的列表项行为与您想要的一样(中间没有空格) - 我在这里为您设置了一个示例: http://www.jsfiddle.net/NxrQ9/
  2. 或者不是内联您的元素,而是使用display:blockfloat: left

答案 1 :(得分:0)

尝试将填充和边距设置为0:

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