从html中删除"空白文本节点"

Question

我在div()之前得到了一条不需要的行,它在浏览器的开发者模式(firefox)中显示为空点.我怎么摆脱它？

它不是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标记之前添加.

在这里找到图像..

Answer 1

我是第二个Rory 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>