javascript - 如果文本进入下一行，则截断文本（调整窗口大小）

Question

如果窗口缩小，我正在尝试截断一行文本。

参考本网站：https ://css-tricks.com/flexbox-truncated-text/#demo

我的代码看起来类似：

但是，我在 flex-child 标记中有两个跨度文本，而不是一个h2标记：

<span> testingtexthereherehehrhehr </span>
<span> MOREtestingtexthereherehandhere </span>

我试图做.flex-child > span，但是当我缩小窗口时，第二个跨度只是转到下一行。我希望它保持在 1 行并用“...”截断

任何指导都会有所帮助。谢谢！

标签： javascripthtmlcss

Answer 1

对我来说，以下工作（在 Vue 2 上）。以上答案都没有。

<div style="word-break: break-all !important;">Some text example</div>