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;
}
我猜是你
使用CSSdisplay:inline
内联列表项
display:inline
正是这样做的:它将源代码中的新行转换为空格字符。您现在有两个选择:
项目写在一行中,然后显示:inline实际上会使列表项目表现出您想要的样子(中间没有空格)-我在这里为您设置了一个示例:display:block
和float:left
您是否尝试使用“li{display:block}”?也许您应该包含一些代码;)还可以看到这个stackoverflow帖子:float:left就是我要找的那个。谢谢不需要显示:尽管如此。