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;
posted @ 2020-11-25 11:31  沐雨辰沨  阅读(389)  评论(0)    收藏  举报