在HTML&PHP，换行符被解释为空格字符。当使用列表来实现水平菜单时，这可能会产生问题，因为空格会不可预测地更改填充。我使用这个变通方法：
注意：<li>元素将具有display: inline(-block);属性。
<ul>
<li>...</li><?php
?><li>...</li><?php
?><li>...</li><?php
?><li>...</li><?php
?><li>...</li>
</ul>
这真的很可悲。我不认为应该是那样的。我也不想用不同的方式把代码搞砸，比如。。。将CCD_ 3和下一个CCD_。
问题：是否有最佳实践解决方案？
经过进一步的研究，我提出了解决方案。就像这里一样，人们试图向他人宣传我的问题作为解决方案，我不会接受。
但这太简单了。不要使用内联块
.horizontal-menu ul li
{
display: inline-block;
}
但是使用表格单元格！
.horizontal-menu ul li
{
display: table-cell;
}
下次我遇到类似的问题时，我将尝试更多的display选项：）