小程序实现超出两行文字用省略号表示

超出两行文字,就用省略号表示

// wxml中
<p>【睡觉专用】适合晚上安静听的纯音乐</p>
// wxss中
p {
	display: -webkit-box; // 移动端设备自适应布局
	height: 29px;	// 两行文字大概的高度
	overflow: hidden;	// 溢出隐藏
	text-overflow: ellipsis; // 溢出省略号表示
	-webkit-line-clamp: 2; // 限制两行
	-webkit-box-orient: vertical; // 垂直排列
	font-size: 10px;
	color: rgb(120,120,120);
  }

在这里插入图片描述

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页