css 实现div内显示两行或三行,超出部分用省略号显示

一、div内显示一行,超出部分用省略号显示

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

 

二、div内显示两行或三行,超出部分用省略号显示

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;(行数)
-webkit-box-orient: vertical;

原文链接:https://blog.csdn.net/NN_nan/article/details/55045562

posted on 2022-06-20 10:05  小吴编  阅读(915)  评论(0编辑  收藏  举报