微信小程序Text限定行数

想实现小程序中组件text最多显示两行内容,如果超出就省略号,搞了半天都没师兄,百度出来的全都不对,这可和微信开发者工具的版本有关系.因为我发现好多效果和例子实现出来的完全不一样,mmp!

微信小程序Text限定行数_第1张图片
.list-item-text-content text {
display: -webkit-box;      //定义为自适应布局    
word-break: break-all;
text-overflow: ellipsis;  //超出文字用省略号代替
padding-left: 20px;
padding-right: 10px;
overflow: hidden;            //多出不分隐藏
-webkit-box-orient: vertical;    //竖直方向的超出和隐藏
-webkit-line-clamp: 2;    //设定行数为2
//white-space: nowrap;  
}        

white-space: nowrap; 网上很多博客都有whiteice-space,我设置了就不行,删除了就对了

你可能感兴趣的:(微信小程序Text限定行数)