wxml文件定义一个view:
<view class="address">地址:贵阳观山湖控股附测试狮吼功胡桂后宫大法师几句哦积极</view>
编写wxss文件对样式进行布局:
/* 对一个字段过长进行隐藏处理 */
.hotFoodItem .hotFoodText .address{
padding: 0 16rpx;
color: #444140;
/*设置多行超出进行隐藏*/
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:1; /*设置超出两行进行隐藏*/
}
测试结果: