javascript - 如何从我的 HTML 中删除 'white space text nodes'？

<分区>

我在 <span> 之前收到不需要的行元素，它在 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 标签之前。

Find the image here

最佳答案

我支持 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>

关于javascript - 如何从我的 HTML 中删除 'white space text nodes'？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42803663/

上一篇：html - Ionic2 按钮必须贴在页面底部

下一篇：html - 清除 CSS 中的 float

javascript - JSON AngularJS 多个对象

html - 为什么我的内容在兼容模式下会消失在标题后面？

html - img div 不适合 css 网格单元格

css - Angular 父表单控件 Bootstrap/CSS 不适用于子组件

javascript - "debugger"在词法意义上是什么？

javascript - 如何检查数据表行的可见性？

javascript - 如何删除在 Electron 中从 index.html 到 contact.html 的转换过程中创建的空白页？

javascript - textarea 的 selectionStart 和 selectionEnd 代表什么？

html - 在 CSS 中重复具有任意偏移量的背景