微信小程序Text限定行数

最新推荐文章于 2023-07-07 17:42:10 发布

CodingForAndroid

最新推荐文章于 2023-07-07 17:42:10 发布

阅读量2.6k

点赞数 1

分类专栏：微信小程序文章标签：小程序 css css3

原文链接：https://blog.csdn.net/houruoyu3/article/details/108122291

版权

微信小程序专栏收录该内容

14 篇文章 0 订阅

订阅专栏

前言 :
今天做小程序，正好需要实现text最多显示两行，多出就省略号的情况。

.cate-item .item .name {
  flex: 1;
  margin-left: 12px;
  margin-right: 30px;
  font-size: 30rpx;
  color: #333;
  font-weight: bold;
  text-align: left;
 
  /* 定义为自适应布局   */
  display: -webkit-box;       
  /* 超出部分隐藏 */
  overflow: hidden;
  /* 竖直方向的超出隐藏 */
  -webkit-box-orient: vertical;  
  /* 限制最多2行 */
  -webkit-line-clamp: 2;
}