html - 如何阻止新行在 HTML 列表项之间添加空格

Question

我有以下 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>

他们没有。

有什么方法可以阻止新行显示为空白，还是我需要使用负边距？

Answer 1

您可以使用 HTML 注释删除该空格:

<ul>
   <li>Item 1</li><!--
--><li>Item 2</li><!--
--><li>Item 2</li>
</ul>

还有一个 css 属性被较新的浏览器支持，但我不记得它叫什么(这是一个很难搜索的查询)。