网站开发

CSS文字超出省略号显示

发表于:2013-05-11 16:31:30 栏目:网站开发


帝国CMS标题超出省略号显示可以用:<?=esub($bqr[title],32,'...')?> 

但有的地方却不是标题,但也想实现文章超出省略号显示。

这里给大家介绍的是利用CSS来达到效果。

 

HTML代码:

<a href="http://11px.cn/TPT/" title="帝国CMS免费模板">帝国CMS免费模板</a>

 

CSS代码:

a{

     width:50px;

     overflow:hidden;

     text-overflow:ellipsis;

     white-space:nowrap;

 

实现效果:

帝国CMS免费模...