如何忽略标签，CSS和PHP之间的空白

我有两个彼此相邻的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;
}

<div></div> <div></div> 

---

你可以设置一个祖先的字体大小为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>

---

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

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

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

---

因为你使用的是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;
}

<div></div> <div></div> 

链接地址: http://www.djcxy.com/p/89247.html

上一篇: How to ignore white spaces in between tags, CSS, PHP

下一篇: How to remove space between list items in navigation (HTML / CSS)