2017-03-15 52 views
0

我在div()之前得到一個不需要的行,並且它在瀏覽器(firefox)的開發人員模式下顯示爲空白點。我如何擺脫它?從html中刪除'空白文本節點'

它不是div的僞元素,所以span :: before不起作用。我不知道它正在產生。

<div class="coll-details"> 
    <h5>Div title</h5> 
    <span class="fa counts fa-eye">&nbsp;234</span> 
    <span class="fa counts fa-heart">&nbsp;123</span> 
    <span class="fa counts fa-comment">&nbsp;123</span> 
    <span class="fa counts fa-share">&nbsp;123</span> 
</div> 

白色空間文本節點在span標籤之前添加。

FInd the image here..

+2

請以文本形式的代碼添加到這個問題。 –

+0

爲什麼不只是刪除HTML源代碼中的空間? –

+0

@NinaScholz添加了html。沒有css應用於。只是主要的div有一些填充。 –

回答

2

我第二羅裏McCrossan的建議。由於span是內聯元素,因此它們之間的空格將保留在html輸出中。換行符也改爲空格。例如:

<div> 
 
<span>A</span> <span>B</span> 
 
</div> 
 

 
<div> 
 
<span>A</span> 
 
<span>B</span> 
 
</div> 
 

 
<div> 
 
<span>A</span><span>B</span> 
 
</div>

+0

這是新的東西。但它的工作!謝謝Rory McCrossan和user31782(lol) –