在WXSS是设置显示两行 ,但只是在第二行结尾处显示...,第三行还是显示了,为 什么?
.rmsj_summary{height: 140rpx;font-size: 24rpx;color: #1e1e1e; word-break: break-all;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
WXML:
<view class="rmsj_summary">{{item.summary}}</view>
你试试这段代码,我也是今天写的
/* 只显示两行文本,超出部分省略号 */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;
试了下,改字号和行高有效果,行高没给够就会有多出一点显示。
字号 28rpx 行高 34rpx
字号24rpx 行高 30rpx
我也遇到了,解决了没有
/*! autoprefixer: off */
即可