内容超出隐藏

// 单行
overflow:hidden; /*超出宽度部分的隐藏*/
white-space:nowrap; /*文字不换行*/
text-overflow:ellipsis; /*超出则...代替*/

// 多行
text-overflow: -o-ellipsis-lastline; /*两行后超出省略*/
overflow: hidden;
text-overflow: ellipsis; /*超出则...代替*/
display: -webkit-box;
-webkit-line-clamp: 2; /* 行数*/
line-clamp: 2; /*行数*/
-webkit-box-orient: vertical;

  

posted @ 2019-08-02 09:56  一只螺  阅读(369)  评论(0编辑  收藏  举报