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