在<li>之间有换行符

Question

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

这些元素应该无缝地彼此相邻.

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

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

但是,如果我\n在每个元素之后添加一个,则菜单项之间会有间隙.我认为这是预期的行为,但有没有办法使用聪明的"白色空间"设置或其他东西将其关闭？

编辑:我不能使用浮点数,这是在CMS中,可以选择居中列表项.

Answer 1

您可以避免渲染问题,但保持代码可维护,如下所示:

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

它删除了空格,但是在文本编辑器中编辑项目仍然很容易,只要你的CMS不会弄乱你输入的标记!