网站前端教程

CSS文字超出省略号显示

网站前端教程 51源码 2023-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免费模...


版权声明:文章搜集于网络,如有侵权请联系本站,转载请说明出处:https://www.51yma.cn/jiaocheng/wwebqianduanjiaocheng/1147.html
文章来源:
标签 CSS语法