当前位置：网站首页>微信小程序Text限定行数

微信小程序Text限定行数

2022-07-21 18:05:00 【CodingForAndroid】

前言 :
今天做小程序，正好需要实现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;
}