微信小程序超出隐藏怎么实现?

　　微信小程序超出隐藏怎么实现?在微信小程序文本文字超出限制后，大家都会想到去隐藏，即用省略号去代替后面的文字。那么怎么实现这个小程序功能呢?下面一起来看看微信小程序超出隐藏怎么实现?

　　微信小程序超出隐藏怎么实现?

　　实际上这种功能的实现还是比较简单的，下面一起看看怎么做。小程序代码如下：

　　text{

　　overflow:hidden; //超出一行文字自动隐藏

　　text-overflow:ellipsis;//文字隐藏后添加省略号

　　white-space:nowrap; //强制不换行

　　}

　　或者多行的用这些：

　　display: -webkit-box;

　　word-break: break-all;

　　text-overflow: ellipsis;

　　font-size: 32rpx;

　　overflow: hidden;

　　-webkit-box-orient: vertical;

　　-webkit-line-clamp:2;

　　这样后大家就可以了，当文字超出一行时会自动换行，如果按照上的方法做了，就会让文字不自动换行并在末尾加上省略号。是不是很方便呢?

　　顺便给大家讲讲在小程序图片未能正确加载时如何显示默认图片。

　　用条件渲染 即wx:if，wx:elif，wx:else系列

　　eg1. 图片

　　eg2. 文字 text、view标签是同样的效果

　　微信小程序超出隐藏怎么实现?这个功能非常的实用，如果没有这个功能，在手机端大家看到的标题长一点的都会有两三行，非常的影响小程序界面的美观。感谢大家的阅读，希望大家能够关注微小乔哦。

相关推荐：

微信小程序表单隐藏如何实现?

微信小程序隐藏显示事件怎么实现?

微信小程序怎么隐藏view标签?微信小程序隐藏view标签的方法