在做小程序的时候遇到在text标签里面的文本过长，需要限制显示长度，并且在限制了长度的后面加上
省略号代表后面还有内容。
我们css可以这么写
.detail_text{
height: 38rpx;
margin: 4rpx 12rpx 0;
font: 26rpx/38rpx PingFangSC-regular;
color: rgba(0, 0, 0, 0.8);
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
我们只需要这一部分
并且修改这个可以修改显示的行数
然后修改高度就可以完美显示我们想要的行数。
微信小程序text文本溢出单行/多行省略 微信小程序填坑之路之文本溢出 CSS3文本溢出显示省略号 以上三个链接的...
微信小程序text文本溢出单行/多行省略 解决办法:先给盒子定宽，再加入以下属性
一、单行文本的溢出显示省略 用text-overflow:ellipsis属性。 二、多行文本的溢出显示省略
1、单行文本溢出隐藏 示例图： 2、多行文本溢出展示省略号 示例图： 小程序中多行文本溢出展示省略号 3、非整行展...
小程序的省略号 单行文本 多行文本 微信小程序——button添加背景图片
多行文本溢出省略 单行文本溢出省略
在做小程序的时候遇到在text标签里面的文本过长，需要限制显示长度，并且在限制了长度的后面加上省略号代表后面还有内...
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
CSS 多行文本省略(兼容IE) 如果实现单行文本的溢出显示省略号用text-overflow:ellipsis属...
单行溢出省略号 text-overflow属性 多行溢出隐藏
本文标题：微信小程序text文本溢出单行/多行省略
本文链接：https://www.haomeiwen.com/subject/guyraltx.html
网友评论