wangfaringdehao的博客

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

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