微信小程序Text限定行数

Posted 2022-08-01 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;

点击链接加入群聊【编程之美】：https://jq.qq.com/?_wv=1027&k=h75BfFCg