Fe-interview: [css] 第80天 写例子说明如何强制(自动)中、英文换行与不换行

Created on 4 Jul 2019  ·  3Comments  ·  Source: haizlin/fe-interview

第80天 写例子说明如何强制(自动)中、英文换行与不换行

css

Most helpful comment

没记起来,看了网上的摘要:

  1. word-break:break-all;只对英文起作用,以字母作为换行依据
  2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
  3. white-space:pre-wrap; 只对中文起作用,强制换行
  4. white-space:nowrap; 强制不换行,都起作用
  5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

All 3 comments

没记起来,看了网上的摘要:

  1. word-break:break-all;只对英文起作用,以字母作为换行依据
  2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
  3. white-space:pre-wrap; 只对中文起作用,强制换行
  4. white-space:nowrap; 强制不换行,都起作用
  5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

贤弟们,愚兄又要发文章了
CSS 单词换行 and 断词,你真的完全了解吗

Was this page helpful?
0 / 5 - 0 ratings