最近在学习小程序，在处理文本显示时遇到内容过长，想要以...结尾，结果查了很多资料一直没有解决：一直都是会展示出第三行！

解决前.jpg

后来才发现是高度问题，代码如下：

.name {
  /* 高度不能乱写，你要自己去看你的两行文字占多少高度或者直接使用auto */
  height: auto;
  font-size: 32rpx;
  color: black;
  margin-left: 10rpx;
  -webkit-line-clamp: 2; /*设定行数为2*/
  text-overflow: ellipsis; /* 超出文字用省略号代替 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

解决后效果图：

解决后.jpg

希望能够帮助到你。