css文本布局的设置

文本

很多样式需要配合overflow:hidden一起使用

 1 white-space:nowrap;/*文本不会换行*/
 2
 3 text-overflow:clip;/*当文本溢出包含元素时修剪文本*/
 4 text-overflow:ellipsis;/*当文本溢出包含元素时，显示省略号代替被修剪的文本*/
 5
 6 /*允许长单词或url换行到下一行*/
 7 word-wrap:break-word;/*在长单词或url内部换行*/
 8
 9 /*在恰当的断字点进行换行*/
10 word-break:break-all;/*允许在单词内换行*/
11 word-break:keep-all;/*只能在半角空格或连字符处换行*/
12
13 /*目前主流浏览器不支持*/
14 text-wrap