wangfaringdehao的博客

原创 《vue+vant 文本超出两行部分省略号显示》

今天做移动端项目，遇到了这个问题面向百度后总结得到了这个结果。首先，我们要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出则不换行 这里不符合我们的要求所有舍弃掉css3完美解决了这个问题，解决方法如下：display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical;.