我们 用省略号... 来替代,这样显示比较美观好看,显示效果如下 其实实现也 ...
我们 用省略号... 来替代,这样显示比较美观好看,显示效果如下 其实实现也 ...
在小程序开发过程中,经常会遇到一些数据无法在text中完全展示,所以会使用到隐藏相关文字,并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 不过上面的css只能保证单行显示隐藏,如果想要2,3,n行隐藏呢?这个要求其实也是可以通过css做到 ...
...
单行及超出省略号 white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; 多行 display ...
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/Originally_M/article/details/88719567单行省略// 单行显示省略号p { overflow ...
...
单行文字超出后隐藏 首先容器需要有固定的宽高,其次加入以下代码即可。 view { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行文字超出后隐藏 容器不需要有固定的宽 ...
<view class="aaa">阿萨德哈就开始的金卡手动开奖阿是框架点哈是框架点哈数据库的哈萨克sadsadsa件大事</view> c ...