乐趣区

html处理文字换行

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

 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+ 专有属性

退出移动版