html - 应用 "word-break"css 属性后文本对齐受到干扰

Question

我有一个 div 和加载到这个 div 中的大量内容。我应用了一些 CSS 样式来管理 div 宽度:`word-break: break-all; word-wrap: break-word;

但是在应用这个 css 之后，div 对齐被打乱了，因为我注意到一些单词在这之后被截断了。

我的 CSS 是:

width: 98%;
word-break: break-all;
word-wrap: break-word;
text-align: justify;

我不明白如何让 justify 将文本与那些 css 对齐，我该如何解决这个问题？谁能建议我使用另一种 CSS 样式来解决这个问题？

See in jsfiddle

谢谢...!!

Answer 1

做同样事情的 Html 方法是添加 <wbr>在你的长词之前/之后/嵌入

wbr:after { content: "\00200B" }

为了做到这一点 css方式