css控制div等块级元素的换行
一般的文字进行换行的时候,到达定义的宽度之后会自动换行(连续的英文字符和阿拉伯数字不会换行)。这是由于元素用默认属性:white-space:normal。
word-break:normal | break-all | keep-all
- word-break:normal
按照亚洲和非亚洲语言的文本规则,允许字内换行;
- word-break:break-all
允许非亚洲语言文本的任意字内断开,不允许非亚洲语言在字内断开。适合包含一些非亚洲文本的亚洲文本;
- word-break:keep-all
对于非亚洲语言,允许字内断开,对于中韩日等亚洲语言,不允许字内断开。适合包含少量亚洲文本的非亚洲文本。
word-wrap:normal | break-word
注意:欧朋和火狐不支持该属性。
- word-warp:normal
允许内容顶开指定的边界;
- word-warp:break-word
内容将在边界内进行换行。
- word-warp:word-break
词内进行换行(欧朋和火狐不支持该属性,可以用white-space:normal代替)。