网站前端教程

CSS文字超出省略号显示

网站前端教程 51源码 03-21 人阅读

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

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

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

HTML代码:

<a href="http://51yma.cn/" title="帝国CMS免费模板">帝国CMS免费模板</a>

CSS代码

a{
width:50px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

实现效果:

帝国CMS免费模...


标签 CSS语法