css换行

资料 网址
彻底搞懂word-break、word-wrap、white-space https://juejin.im/post/5b8905456fb9a01a105966b4
word-break 属性(菜鸟教程) https://www.runoob.com/cssref/css3-pr-word-break.html
word-wrap 属性(菜鸟教程) https://www.runoob.com/cssref/css3-pr-word-wrap.html
overflow-wrap(word-wrap 属性原本属于微软的一个私有属性,在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap) https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-wrap
white-space 属性(菜鸟教程) https://www.runoob.com/cssref/pr-text-white-space.html

注意:

  1. 前面的word-break属性除了列出的那三个值外,也有个break-word值,效果跟这里的word-wrap:break-word一样,然而只有Chrome、Safari等部分浏览器支持
  2. 由于历史原因,当你使用 overflow-wrap 时,最好同时使用 word-wrap 作为备选,作向前兼容。

posted on 2020-04-03 19:41  cag2050  阅读(178)  评论(0编辑  收藏  举报

导航