div换行的CSS运用
主要介绍word-warp和word-break属性的使用。
word-wrap
语法:
word-wrap : normal | break-word
取值:
normal | : | 默认值。允许内容顶开指定的容器边界 |
break-word | : | 内容将在边界内换行。如果需要,词内换行( word-break )也将发生 |
说明:
语法:
word-break : normal | break-all | keep-all
取值:
normal | : | 默认值。允许在词间换行 |
break-all | : | 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 |
keep-all | : | 与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本 |
说明:
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用 break-all 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordBreak 。
对于中文,应该使用 break-all 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordBreak 。
示例:
div {word-break : break-all; }
载自:CSS 2.0样式表中文手册