夏易网络

您的当前位置:首页 > 新闻动态 > 网站建设学堂 >

CSS属性实现单行和多行文本超出隐藏显示省略号(…)text-overflow:ellipsis

2019-09-09 13:01:11   来源:夏易网络   评论:0 点击:
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。
 
单行文本溢出显示省略号实现方法:
 
width:120px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
 
 
多行文本溢出显示省略号实现方法:
 
width:120px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?
  • 网建
  • 优化
  • 资讯
  • 案列
  • 客服 有事点这里 有事点这里