欢迎光临文鱼的个人博客站!

文鱼个人网站-文鱼个人博客

文鱼个人博客网站

关注前端技术

首页>> 前端开发>> css超出文本隐藏显示省略号

发布时间:2017-07-28 09:48:50  点击:  202  作者:文鱼

overflow: hidden;//超出文本隐藏
text-overflow:ellipsis;//超出文本显示省略号
white-space: nowrap;//超出文本不换行
注:
1.将height设置为line-height的整数倍,防止超出的文字露出。
2.给p::after添加渐变背景可避免文字只显示一半。
3.由于ie6-7不显示content内容,所以要添加标签兼容ie6-7(如:<span>…<span/>);兼容ie8需要将::after替换成:after。


上一篇:js面向对象

下一篇:没有了

2

最近访客

    热评文章

      Title - Artist
      0:00