如何忽略標籤之間的空白，CSS，PHP

Question

我有兩個彼此相鄰的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>

Answer 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>

Answer 2

不要在CSS，我所知道的，但你可以通過添加它們之間的評論刪除HTML中的空白。

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

這是有效的，因爲當頁面呈現時，註釋標記內的所有內容都會被忽略。

Answer 3

因爲你使用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>