码迷,mamicode.com
首页 > 其他好文 > 详细

文字超过一定长度后省略号处理总结

时间:2018-03-09 20:31:24      阅读:554      评论:0      收藏:0      [点我收藏+]

标签:tps   col   pos   space   bsp   segment   class   rap   nowrap   

1.文字在一行之内:

容器设置如下css样式

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

2.文字在两行之内:

容器设置如下css样式

text-overflow:ellipsis;
display:-webkit-box; 
/* autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
-webkit-line-clamp:2; 

这里要注意,容器不能设置高度,并且,webpack不能编译-webkit-box-orient: vertical;这个属性,解决方法如上述代码。参考文档

 

文字超过一定长度后省略号处理总结

标签:tps   col   pos   space   bsp   segment   class   rap   nowrap   

原文地址:https://www.cnblogs.com/li-you/p/8535523.html

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