微信小程序文本溢出让其滑动或者显示省略号

作者: hope20 | 来源:发表于2017-06-15 15:17 被阅读0次

微信小程序开发问题集合
微信小程序文本溢出让其滑动或者显示省略号
CSS文本样式
文本溢出显示省略号(单行和多行)
CSS实现单行文本溢出显示省略号
常用css笔记
三十五、溢出的文字省略号显示
CSS实现单行和多行文本溢出显示省略号……
【零碎】css单行文本和多行文本溢出显示省略号
文本溢出隐藏展示省略号，单行、多行、半行

滑动
font-size: 29rpx;
color: #666666;
text-align: right;
overflow: scroll;
text-overflow: clip;
white-space: nowrap;
width: 70%;

//省略号
font-size: 29rpx;
color: #666666;
text-align: right;
overflow: scroll;
text-overflow: clip;
white-space: nowrap;
width: 70%;

必须要给文本设置宽度

多行文本使用
font-size: 29rpx;
color: #666666;
text-align: right;
overflow: scroll;
text-overflow: clip;
white-space: nowrap;
width: 70%;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-break: 1;
display: -webkit-inline-box;

微信小程序开发问题集合
微信小程序text文本溢出单行/多行省略微信小程序填坑之路之文本溢出 CSS3文本溢出显示省略号以上三个链接的...
微信小程序文本溢出让其滑动或者显示省略号
滑动font-size: 29rpx;color: #666666;text-align: right;overf...
CSS文本样式
单行文本溢出显示省略号多行文本溢出文字选中滑动背景色禁止文本缩放禁止文本选中 css实现不换行、自...
文本溢出显示省略号(单行和多行)
平时用的较多的事单行文本溢出显示省略号，做微信端发现移动端不少效果都是多行文本溢出显示省略号，故而总结一下，方便今...
CSS实现单行文本溢出显示省略号
文本单行溢出显示省略号实现文本单行溢出显示，需要给该文本的盒子加一定宽度具体demo 文本单行溢出显示省略号，...
常用css笔记
1.选择父元素的子元素,除去最后一个 2.文本溢出a.文本溢出显示省略号 b.让文本显示两行，溢出部分省略号显示 ...
三十五、溢出的文字省略号显示
一、溢出的文字省略号显示 1.1、单行文本溢出显示省略号---必须满足三个条件 1.2、多行文本溢出显示省略号多...
CSS实现单行和多行文本溢出显示省略号……
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
【零碎】css单行文本和多行文本溢出显示省略号
先看代码：单行文本溢出显示省略号多行文本溢出显示省略号 display: -webkit-box -webki...
文本溢出隐藏展示省略号，单行、多行、半行
1、单行文本溢出隐藏示例图： 2、多行文本溢出展示省略号示例图：小程序中多行文本溢出展示省略号 3、非整行展...