任何HTML实体都会删除空间？

Question

由于更改行会导致字符之间的空格。我正在使用wbr来停止在字符之间创建空格，如下所示：

<p><wbr
></wbr>这里有一段很长，<wbr
></wbr>很长的文字；这里<wbr
></wbr>有一段很长，很长<wbr
></wbr>的文字；这里有一<wbr
></wbr>段很长，很长的文<wbr
></wbr>字；</p>

我只是想知道是否有更好的解决方案？也许......有没有HTML实体可以删除所有前端空间？

Answer 1

HTML实体用于表示尖括号等保留字符。

Web开发的一个目标是将样式与结构和表示分开。这就是为什么必须用JavaScript解决这个问题的原因，而不是HTML。

要做到这一点，您只需从DOM中选择元素并使用replace方法。要替换所有空白实例，请执行以下操作

var wbr = document.getElementsByTagName("wbr");
wbr.innerHTML = wbr.innerHTML.replace(/\s/g, '');

要仅替换前导和尾随空格，请执行此操作

wbr.innerHTML = wbr.innerHTML.trim();