css - CSS 中更智能的分词?

标签 css word-break

如果我只是将 word-break: break-all 放在一个元素上,我通常会这样结束:

Hello people, I am typing a mes
sage that's too long to fit!

显然这样会好得多:

Hello people, I am typing a
message that's too long to fit!

但同时如果有人写:

BLAAAAAAAAARRRRRRRRRRRRGGGGGGGGHHHHHHHH!!!!!!

那么我希望它是:

BLAAAAAAAAARRRRRRRRRRR
RGGGGGGGGHHHHHHHH!!!!!!

我似乎找不到真正做到这一点的方法。

请注意,元素的宽度不是固定的,可能会发生变化。

最佳答案

尝试 word-break: break-word;它的行为应该如您所愿。

关于css - CSS 中更智能的分词?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12699800/

相关文章:

jquery - 滚动条无法滚动到容器的末尾

html - 如何在 Canvas 上放置一个 div

css - 如何防止标签自动换行?

css - Safari CSS 断字 : keep-all; is not working

css - 我可以告诉 CSS 只在 '/' 或 '\' 上断字吗?

html - 自动拆分 DIV 容器内的长单词,但更喜欢在空格处换行

javascript - 避免输入溢出容器并在调整大小时让它们跳到下一行

html - CSS 水平菜单 - 为什么仅在 IE 中有 1px 的边框/空间?

javascript - 使用 CSS 分隔词组并强制换行

css - 在 Rails View 中打破用户输入的长词