基于: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] 删除。
我来说两句