在小程序中,控制文本的显示行数时,需要通过 wxss 中的配置来实现,示例如下:
.service {
font-size: 30rpx;
color: "#999";
margin-top: 10rpx;
/* 内容超宽不显示。末尾生硬结束,没有省略号标识*/
overflow: hidden;
/* 内容末尾追加省略号。 */
text-overflow: ellipsis;
/* 使用自适应布局方式显示 */
display: -webkit-box;
/* 限定最多 2 行 */
-webkit-line-clamp: 2;
/* 垂直方向超出隐藏 */
-webkit-box-orient: vertical;
}
.address {
font-size: 30rpx;
color: "#999";
margin-top: 10rpx;
/* 文本内容不换行 */
white-space: nowrap;
/* 内容超宽不显示。末尾生硬结束,没有省略号标识*/
overflow: hidden;
/* 内容末尾追加省略号。 */
text-overflow: ellipsis;
}
按照上述示例编辑完成之后,在 wxml 中引用样式即可。