Html 当代码位于单独的行上时,内联列表项之间的空格

Html 当代码位于单独的行上时,内联列表项之间的空格,html,css,Html,Css,如果我在单独的代码行上对内联列表项进行编码,则在它们之间插入一个空格 在同一行代码中对所有列表项进行编码,是否有办法防止这种情况发生 <li>123</li> <li>456</li> 123 456 创建我不想要的以下内容 123456 <li>123</li><li>456</li> 123456 创建我想要的以下内容 123456 <li>123</li><

如果我在单独的代码行上对内联列表项进行编码,则在它们之间插入一个空格

在同一行代码中对所有列表项进行编码,是否有办法防止这种情况发生

<li>123</li>
<li>456</li>
  • 123
  • 456
  • 创建我不想要的以下内容

    123456

    <li>123</li><li>456</li>
    
  • 123
  • 456
  • 创建我想要的以下内容

    123456

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

    谢谢

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

    #ul_id li{
      padding:0px;
      margin:0px;
    }
    
    我猜是你 使用CSS
    display:inline
    内联列表项

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

  • 要么将所有的
  • 项目写在一行中,然后显示:inline实际上会使列表项目表现出您想要的样子(中间没有空格)-我在这里为您设置了一个示例:
  • 或者不用内联元素,只需使用
    display:block
    float:left

  • 您是否尝试使用“li{display:block}”?也许您应该包含一些代码;)还可以看到这个stackoverflow帖子:float:left就是我要找的那个。谢谢不需要显示:尽管如此。