溢出的文字省略号显示

 

     <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;
    }

 

标签：文字,box,省略号,text,webkit,ellipsis,overflow,hidden,溢出
来源： https://www.cnblogs.com/lunawzh/p/15070100.html