css文字截断

css文字截断

2012年10月31日

16:43

 

<<css文字截断测试.html>>

.img_info .info h6 a{ font-size:14px;
display: inline-block;
max-width:170px;
overflow: hidden;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding:url('ellipsis.xml#ellipsis');
}

 

<<ellipsis.xml>>

 

其中

 

-moz-binding:url('ellipsis.xml#ellipsis');

 

是针对老的firefox版本的写法

 

 

 

文字截断后在ie会出现一些比较奇怪的问题

 

解决办法一般为设置line-height,和height