微信小程序文本超长截取样式
发布于 2 年前 作者 jie94 670 次浏览 来自 分享

在微信小程序中,文本超出显示长度时候自动截取并末尾显示省略号,分为两种情况,一是单行,二是多行。

/* 单行文本 */
.textEllipsisSig{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* 多行文本 */
.textEllipsisMul{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

但是,在使用时候,一定要设置当前文本的固定宽度,否则这个css样式不生效。想了解更多,请点击 这里 查看码书原文。

回到顶部