在小程序开发过程中,经常会遇到一些数据无法在text中完全展示,所以会使用到隐藏相关文字,并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 不过上面的css只能保证单行显示隐藏,如果想要2,3,n行隐藏呢?这个要求其实也是可以通过css做到 ...
单行文字超出后隐藏 首先容器需要有固定的宽高,其次加入以下代码即可。 view overflow: hidden text overflow: ellipsis white space: nowrap 多行文字超出后隐藏 容器不需要有固定的宽高,只需加入以下代码即可。无需指定高度,只需指定最多显示几行,属性 webkit line clamp。本示例中最多显示 行,超出 行后,在第三行末尾用省略号 ...
2018-11-27 12:54 0 1818 推荐指数:
在小程序开发过程中,经常会遇到一些数据无法在text中完全展示,所以会使用到隐藏相关文字,并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 不过上面的css只能保证单行显示隐藏,如果想要2,3,n行隐藏呢?这个要求其实也是可以通过css做到 ...
...
<view class="aaa">阿萨德哈就开始的金卡手动开奖阿是框架点哈是框架点哈数据库的哈萨克sadsadsa件大事</view> c ...
我们 用省略号... 来替代,这样显示比较美观好看,显示效果如下 其实实现也 ...
多行文本 单行文本 tip:必须要有宽度 ...
*/}.css2 { overflow: hidden; /*自动隐藏文字*/ text-overflo ...
两行文本省略 一行文本省略 参考源链接:https://blog.csdn.net/hhy2014yatan/article/details/82629960 ...