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

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

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

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

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;   // div超过三行之后出现省略号
            -webkit-box-orient: vertical;

你可能感兴趣的:(css 实现div内显示三行,超出部分用省略号显示)