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

时间 2019-11-10

标签文字超过必定长度省略号处理总结繁體版

原文原文链接

1.文字在一行以内：css

容器设置以下css样式webpack

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

2.文字在两行以内：web

容器设置以下css样式segmentfault

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

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