頁(yè)面文字超出一行隱藏，如圖所示：

wxml

<view class="listcbsTitle" >卡通書簽卡通書簽卡通書簽卡通書簽卡通書簽卡通書簽卡通書簽</view>

wxss

.listcbsTitle{margin-bottom:10rpx;font-size:32rpx;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }

頁(yè)面文字超出兩行隱藏，如下圖所示

wxml

<text class="twolist-hidden"> 測(cè)試一下商品列表測(cè)試一下商品列表測(cè)試一下商品列表測(cè)試一下商品列表測(cè)試一下商品列表測(cè)試一下商品列表 </text>

?

wxss

.twolist-hidden { display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;

?

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的微信小程序页面文字超出一行隐藏，文字超出两行隐藏。的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。