如何忽略标签、CSS、PHP之间的空格答案

【问题标题】：How to ignore white spaces in between tags, CSS, PHP如何忽略标签、CSS、PHP之间的空格
【发布时间】：2015-07-09 22:52:18
【问题描述】：

我有 2 个相邻的 div，它们之间有一个空格，即使它们的边距设置为 0。我不希望有空格。该空间由 2 个 div 标签之间的空白创建。我想知道是否有办法在使用 CSS 进行样式设置时忽略标签之间的空格？谢谢。

div {
    width: 100px;
    height: 100px;
    background-color: red;
    border: 1px solid black;
    display: inline-block;
    margin: 0px;
    font-size: 0px;
}

&lt;div&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt;

【问题讨论】：

标签： html css

【解决方案1】：

您可以将祖先的字体大小设置为0...

.parent {
    font-size: 0;
}

div {
    width: 100px;
    height: 100px;
    background-color: red;
    border: 1px solid black;
    display: inline-block;
    margin: 0px;
    font-size: 0px;
}

<span class="parent">
    <div></div> <div></div> 
</span>

【讨论】：

【解决方案2】：

因为您使用的是display: inline-block;，这使得空格很重要。要么去掉空格，要么去掉内联显示类型。

你也可以使用浮点数。

div {
    width: 100px;
    height: 100px;
    background-color: red;
    border: 1px solid black;
    /*display: inline-block;*/
    margin: 0px;
    font-size: 0px;
    float: left;
}

&lt;div&gt;&lt;/div&gt; &lt;div&gt;&lt;/div&gt;

【讨论】：

【解决方案3】：

不是在 CSS 中，我知道，但您可以通过在它们之间添加注释来删除 HTML 中的空格。

<div>
</div><!--
--><div>
</div>

这是可行的，因为在呈现页面时，注释标签内的所有内容都会被忽略。

【讨论】：

这有什么意义？你什么时候可以做到这一点？
如果 div 中有很多内容，则代码可读性更高。没有人愿意将所有的 html 写在一行上。