微信小程序页面文字超出一行隐藏，文字超出两行隐藏。

页面文字超出一行隐藏，如图所示：

wxml

 <view class="listcbsTitle" >卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签</view>

wxss

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

页面文字超出两行隐藏，如下图所示

wxml

<text class="twolist-hidden">
测试一下商品列表测试一下商品列表测试一下商品列表测试一下商品列表测试一下商品列表测试一下商品列表
</text>

wxss

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

微信小程序页面文字超出一行隐藏，文字超出两行隐藏。相关推荐

微信小程序界面从右边滑出_微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序页面跳转后定时器如何关闭
微信小程序页面跳转后定时器如何关闭 1.在页面中定义,定时器形参,并在跳转到其它页面后,在隐藏和未加载中删除定时器 Page({data: {timer:'',//定义定时器形参,为空字符在这里插入代 ...
微信小程序-页面配置-界面显示部分
微信小程序-页面配置-界面显示部分配置项 singlePage 小结: 每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置. 页面中配置项在当前页面会覆盖 app.json 的 ...
IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...
仿微信个人主页——微信小程序页面设计
仿微信个人主页--微信小程序页面设计微信小程序页面设计:在这里仿微信个人主页做一个初步的还原,非高保真!! 上效果图: (这里设计的是未更新微信最新版8.0.0的页面) 微信原图: 先来说说我的思路 ...
微信小程序-页面间如何进行传递数据(通信)
前言在小程序中组件与组件之间的通信是通过在引用组件处,在自定义组件上添加自定义属性实现的,子组件内部通过properties进行接收更多关于组件与组件之间的通信可参考小程序-实现自定义组件以及自定 ...
微信小程序页面间通信的5种方式
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个 ...
微信小程序页面搜索框查询（无后台接口情况下）
微信小程序页面搜索框查询(无后台接口情况下) 效果图: wxml <view class="container"><view class="goodsl ...
小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...

微信小程序页面文字超出一行隐藏，文字超出两行隐藏。

微信小程序页面文字超出一行隐藏，文字超出两行隐藏。相关推荐

最新文章

热门文章