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

<分区>

在 HTML 和 PHP 中编码时，换行符 被解释为空格字符。当使用列表来实现水平菜单时，这可能会出现问题，因为空间会不可预测地改变填充。我为此使用此解决方法:

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

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

这真的很伤心。我不认为它应该是那样的。我也不想以不同的方式搞乱代码，比如...同时添加 </li>和下一个<li>在一条线上(与上面基本相同)。

问题:是否有最佳实践解决方案？

最佳答案

在对此进行更多研究后，我想出了解决方案。喜欢 here ，人们试图向其他人宣传我的问题作为解决方案，我不会接受。

但它是如此简单。不要使用行内 block

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

但是使用表格单元格!

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

下次我遇到类似的问题时，我会尝试更多的display选项:)

关于php - HTML - 换行符被解释为空白字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26448389/

相关文章：

html - 将鼠标悬停在链接上时从图片中删除灰度