溢出的文字省略号显示

 

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

 

上一篇:关于STATUS_FLOAT_OVERFLOW(0xC0000091)异常


下一篇:CSS实现隐藏滚动条但可以滚动