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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。