javascript - CSS/JS 删除(自动)换行符/文本换行前的空格

Question

我在一行中有 3 个元素:2 个由分隔符分隔的文本。

<div class="wrapper">
    <div>this is my extra long text</div>
    <div class="divider">|</div>
    <div>text2</div>
</div>

这些元素位于具有最大宽度的容器内，如果文本太长，则会导致文本中断/换行。

我的问题: 一旦左侧文本中断，左侧文本到分隔符的间距就会增加。我认为这是因为文本在空白之后被扭曲但保留了该行中的空格。

我做了一个 fiddle 来展示我的问题:https://jsfiddle.net/4857bb0s/15/

我该如何解决这个问题？

编辑:

它看起来像(注意左侧文本和分隔符之间不需要的空格):

它应该是这样的:

Answer 1

你可以试试 style = "text-align: justify" 在带有长文本的 div 上。