单行文本
white-space: nowrap;/*设置文字在一行显示,不能换行*/
overflow: hidden;/*隐藏溢出内容*/
text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本。*/
多行文字
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: nowrap;/*设置文字在一行显示,不能换行*/
overflow: hidden;/*隐藏溢出内容*/
text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本。*/
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
本文标题:css溢出省略号
本文链接:https://www.haomeiwen.com/subject/yaiubctx.html
网友评论