html处理文字换行

31次阅读

共计 312 个字符，预计需要花费 1 分钟才能阅读完成。

主要做经常忘记的知识点的积累, 此文章的内容比较全面, 所及这里借鉴一下, 原文章地址在这里

 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.  
 不换行，超出部分隐藏且以省略号形式出现

注意，一定要指定容器的宽度，不然的话是没有用的。
注意 word-break 是 IE5+ 专有属性

正文完