代码之家  ›  专栏  ›  技术社区  ›  user1946932

CSS断字:全部断字(只适用于长单词)?

  •  0
  • user1946932  · 技术社区  · 7 年前

    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),否则如果它们溢出,则将它们包装到另一行。

    1 回复  |  直到 7 年前
        1
  •  2
  •   Andrew Myers Sanchit Panchwatikar    7 年前

    我想你在找 word-break: break-word; overflow-wrap: break-word; . 下面是方法 MDN Web Docs describes break-word

    该页面继续指出,Firefox和InternetExplorer不支持它。

    Caniuse reference for word-break 注意到 断字 溢出包装:中断字; overflow-wrap 是的同义词 word-wrap

    overflow-wrap 似乎有很好的支持,所以你最好还是这样。