word-break, word-wrap和white-space

Author : lovecicy

一直以来对于word-break,word-wrap和white-space这三个css属性的作用不是很清楚,不知道对于文字换行的属性为什么需要使用3个样式,每次碰到需要换行或不换行时就需要拼命回忆,然后试着组合使用,以至于对这三个属性的区别越来越迷糊,今天准备一次性解决这个问题。 请看jsfiddle里对word-wrap和word-break的比较。 word-wrap 定义: The word-wrap property allows long words to be able to be broken and wrap onto the next line. 此属性允许长单词被截断到下一行。 语法: word-wrap: normal(default)|break-word; 各主流浏览器都支持 值 描述  normal  Break words only at allowed break points 只在允许的断字点换行(浏览器保持默认处理)  break-word  Allows unbreakable words to be broken 在长单词或 URL 地址内部进[Read More]

standard