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 @ 2019-08-01 13:07  v616  阅读(31554)  评论(0编辑  收藏  举报