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;

 

 

感谢v616的css 实现div内显示两行或三行，超出部分用省略号显示

posted @ 2020-12-12 10:25  打工人001  阅读(988)  评论(0)  编辑  收藏  举报