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

时间：2018-03-09 20:08:12 阅读：181 评论：0 收藏：0 [点我收藏+]

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;这个属性，解决方法如上述代码。参考文档

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

踩

(0)

评论一句话评论（0）

分享档案

更多>