最近在做项目的时候发现,从数据库中拿回来的值太长了,需要对文字进行换行或者溢出处理的时候,有些属性记的不是很清楚,所以总结一下,网页中基本的文字处理问题。
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+专有属性