最近在学习小程序，在处理文本显示时遇到内容过长，想要以...结尾，结果查了很多资料一直没有解决：一直都是会展示出第三行！
解决前.jpg
后来才发现是高度问题，代码如下：
.name {
/* 高度不能乱写，你要自己去看你的两行文字占多少高度或者直接使用auto */
height: auto;
font-size: 32rpx;
color: black;
margin-left: 10rpx;
-webkit-line-clamp: 2; /*设定行数为2*/
text-overflow: ellipsis; /* 超出文字用省略号代替 */
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
解决后效果图：
解决后.jpg
希望能够帮助到你。
最近在学习小程序，在处理文本显示时遇到内容过长，想要以...结尾，结果查了很多资料一直没有解决：一直都是会展示出第...
记录一个界面交互的小功能 UI效果图 需求描述 文本只显示一行，超出显示省略号 文本超出显示省略号的同时，在右侧显...
1、设置两行文本超出显示省略号 overflow:hidden; text-overflow:ellipsi...
CSS控制文字只显示一行，超出部分显示省略号
超出两行显示省略号
*** 只显示一行，超出部分用省略号代替：
（1）显示一行，超出部分用省略号显示 （2 )显示两行,超出部分用省略号显示 ———————————————— 原...
之前一直用的是一行文本超出显示省略号，突然有一个需求是超出两行文本显示省略号，查了一下，找到答案，不过只被谷歌支持...
本文标题：小程序怎么让文本只显示两行！超出后以...省略号显示！
本文链接：https://www.haomeiwen.com/subject/twfhqhtx.html
网友评论