溢出的文字省略号显示

 

     <p>
            我们是冠军!中国女子赛艇四朵金花再次绽放浪花之中!十三年的期盼,十三年的传承,金牌再次属于中国女子四人双桨团队
        </p>

 

1、单选

p {
        white-space: nowrap;
        overflow     : hidden;
        text-overflow: ellipsis;
    }

 

2、多行

 p {
        overflow     : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

 

posted @ 2021-07-28 13:49  lunawzh  阅读(32)  评论(0编辑  收藏  举报