码迷,mamicode.com
首页 > Web开发 > 详细

css超出内容省略号代替。

时间:2017-03-29 14:05:06      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:play   lamp   white   text   overflow   splay   ellipsis   box   部分   

 1.单行显示,超出的部分用省略号显示


  overflow: hidden;
  text-overflow: ellipsis;

  white-space: nowrap;


2.只展示几行,超出的部分用省略号显示


  overflow: hidden;

  /*p溢出的位置也需要省略号*/
  display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;

css超出内容省略号代替。

标签:play   lamp   white   text   overflow   splay   ellipsis   box   部分   

原文地址:http://www.cnblogs.com/wplcc/p/6639414.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!