网站开发

包含所有网站建设开发相关的教程内容,如CSS教程,JS教程,html教程,服务器配置,域名空间的购买教程.

CSS文字超出省略号显示

发表于:2013-05-11 点击: 栏目:

网站开发

收藏(0)

帝国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免费模...