CSS 断字:断断续续;(仅适用于长词)?

用户1946932

基于:https : //www.w3schools.com/cssref/css3_pr_word-break.asp

有什么办法可以举个例子:https : //www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-break

可以给出以下内容:

Thisissomeveryveryv
erylong word. This
text will break at
any character.

而不是:

Thisissomeveryveryv
erylong word. This te
xt will break at any ch
aracter.

?

换句话说,只打破比容器允许的宽度(例如 140px)的单个长单词,否则如果它们溢出,则将它们换行到另一行。

安德鲁迈尔斯

我认为您正在寻找word-break: break-word;overflow-wrap: break-word;以下是MDN Web Docs 的描述break-word

为防止溢出,如果行中没有其他可接受的断点,通常牢不可破的单词可能会在任意点被破坏。

该页面继续指出它在 Firefox 和 Internet Explorer 中不受支持。

所述用于Caniuse参考word-break注意到,break-word是非官方和等处理overflow-wrap: break-word;overflow-wrap是的同义词word-wrap)。

碰巧,overflow-wrap似乎有很好的支持,所以你可能会更好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章