HTML - 换行符被解释为空白字符

Question

在 HTML＆amp;中进行编码时PHP ，换行符被解释为空格字符。当使用列表以实现水平菜单时，这可能是有问题的，因为空间不可预测地改变填充。我使用此解决方法：

注意： <li>元素将具有display: inline(-block);属性。

<ul>
    <li>...</li><?php
    ?><li>...</li><?php
    ?><li>...</li><?php
    ?><li>...</li><?php
    ?><li>...</li>
</ul>

这真的很难过。我认为不应该这样。我也不想以不同的方式搞砸代码，比如说......在一行上添加</li>和下一个<li>（这与上面的内容基本相同）。

问题：是否有针对此的最佳实践解决方案？

Answer 1

在进行了更多研究之后，我想出了解决方案。与 here 一样，人们会尝试向其他人宣传我的问题作为解决方案，我不会接受。

但它很简单。不要使用内联块

.horizontal-menu ul li
{
    display: inline-block;
}

但是使用table-cell！

.horizontal-menu ul li
{
    display: table-cell;
}

下次我遇到类似问题时，我会尝试更多display选项：）