html - 之间有换行符

Question

我有一个由 <li> 组成的水平菜单带有 display: inline 的元素.

元素应该无缝相邻。

在源代码中，我希望每个 li 都在一行上以便于调试:

<li class="item1 first"> ... </li>
<li class="item2"> ... </li>
...

但是，如果我添加 \n在每个元素之后，菜单项彼此之间有一个间隙。我知道这是预期的行为，但有没有办法使用巧妙的“空白”设置或其他方式将其关闭？

Edit: I can't use float, this is in a CMS with the option to center the list items.

Answer 1

您可以避免呈现问题，但保持代码可维护性，如下所示:

<ul
  ><li>item 1</li
  ><li>item 2</li
  ><li>item 3</li
></ul>

它删除了空格，但在文本编辑器中编辑项目仍然很容易，前提是您的 CMS 不会混淆您输入的标记!