width: 210px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
/* 这里是超出几行省略 */
-webkit-line-clamp: 2;
overflow: hidden;
width: 210px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
/* 这里是超出几行省略 */
-webkit-line-clamp: 2;
overflow: hidden;
显示一行，省略号 显示两行，省略号
超出两行显示省略号
一行显示省略号 两行隐藏省略号
（1）显示一行，超出部分用省略号显示 （2 )显示两行,超出部分用省略号显示 ———————————————— 原...
一、div内显示一行，超出部分用省略号显示 二、div内显示两行或三行，超出部分用省略号显示 概述-webkit-...
一、div内显示一行，超出部分用省略号显示 二、div内显示两行或三行，超出部分用省略号显示 概述-webkit-...
列表过多内容使用...隐藏 只显示两行内容，超过使用省略号代替
1、设置两行文本超出显示省略号 overflow:hidden; text-overflow:ellipsi...
1.选择父元素的子元素,除去最后一个 2.文本溢出a.文本溢出显示省略号 b.让文本显示两行，溢出部分省略号显示 ...
本文标题：uni-app-CSS 两行显示省略号
本文链接：https://www.haomeiwen.com/subject/zrhasrtx.html
网友评论