我有以下 HTML;
li
{
list-style: none;
border: solid 1px blue;
display: inline;
margin: 0px 0px 0px 0px;
}
...
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 2</li>
</ul>
当我在自己的行上添加列表项时,它们之间会出现一个水平空间,但是当我这样做时;
<li>Item 1</li><li>Item 2</li><li>Item 2</li>
他们没有。
有什么方法可以阻止新行显示为空白,还是我需要使用负边距?
最佳答案
您可以使用 HTML 注释删除该空格:
<ul>
<li>Item 1</li><!--
--><li>Item 2</li><!--
--><li>Item 2</li>
</ul>
还有一个 css 属性被较新的浏览器支持,但我不记得它叫什么(这是一个很难搜索的查询)。
关于html - 如何阻止新行在 HTML 列表项之间添加空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1931913/