文字溢出用省略号-CSS写法,兼容IE、Firefox、Opera

文字溢出用省略号-CSS写法,兼容IE、Firefox、Opera

代码很简单,就几行字

<style type=”text/css”>
div a{
display:block;
width:15px;
*width:35px; /*for IE*/
_width:35px; /*for IE*/
white-space:nowrap;
overflow:hidden;
-o-text-overflow: ellipsis;    /* for Opera */
text-overflow:ellipsis;        /* for IE */
}
div:after{content:”…”;}/* for Firefox */
</style>
<div><a href=”#”>Booklet Printing</a></div>

里面参数修改成自己所要的就行。


发表评论?

1 条评论。

  1. 为什么FF会换行呢?怎么解决这个问题.

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>