[微信小程序]文字溢出部分用三个点显示

我们有时会遇到一些情况需要去隐藏部分文字以达到省略的效果，比如一个消息的Toast，只起到提醒的作用，详细文章需要点击进出查看，这时候Toast只需要显示一部分正文即可。

示例：
正文：“在此之前，这条规定禁止开发者设计与Facebook已经提供的核心功能相似的服务。”
隐藏之后：“此之前，这条规定禁止…”

示例代码：

//wxml
<text>
在此之前，这条规定禁止开发者设计与Facebook已经提供的核心功能相似的服务。
</text>//wxss
<style>
text {/*固定宽度*/width: 100rpx;/*超出部分隐藏*/overflow:hidden;/*不换行*/white-space:nowrap;/*添加...*/text-overflow:ellipsis;
}
</style>

[微信小程序]文字溢出部分用三个点显示相关推荐

微信小程序从零开始开发步骤（三）底部导航栏
上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的.即点击底部的导航,会实现不同对应页面之间的切换. 我们先来看个我们要实现的底部导航栏的效果图:(三个导 ...
微信php echo换行,微信小程序文字显示换行问题
微信小程序文字显示换行问题小程序文字显示换行问题用户在上传图文时,输入换行符.导致我在拿到数据后JSON.parse的时候报错. 大概这样的结构: [{ text:'落魄前端在线炒粉!!!' ...
详解微信小程序页面间传递信息的三种方式
详解微信小程序页面间传递信息的三种方式在开发微信小程序的时候,经常会遇到在页面间传递信息的情况,有三种方法可以实现. 1. 使用数据缓存将要存储的数据使用以下方法放入缓存 wx.setStorag ...
微信小程序计算三角形面积，三棱锥体积
微信小程序计算三角形面积,三棱锥体积 index.wxml: <view><form bindsubmit='formsubmit'><view>计算三角形的面积& ...
微信小程序定时器获取消息并在tabber按钮显示未读消息
微信小程序定时器获取消息并在tabber按钮显示未读消息 onShow() {let that = this;this.getUserToken();wxService.setPageTitle(&q ...
微信小程序云开发（2）——在页面显示云数据库的数据
微信小程序云数据库的查询可以参考"微信小程序云开发(1)" 在页面显示数据库里的数据在"pages/index/index.wxml"文件中输入以下代码: & ...
微信小程序界面从右边滑出_微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序开发需要了解的三个内核技术
本文简要分析微信小程序的运行机制,可能对于你对微信小程序的认识会深刻和透彻一些.官方文档中有如下介绍: 在iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中在 ...

[微信小程序]文字溢出部分用三个点显示

[微信小程序]文字溢出部分用三个点显示相关推荐

最新文章

热门文章