css 控制字數，超出部分顯示“...”

 

單行文本隱藏
p{
    border: 1px solid red;
    width:200px;
    height:25px;
    /*word-break:break-all;*/
    white-space: nowrap;/*強制在一行顯示*/
    text-overflow:ellipsis;/*設置超出內容顯示...*/
    overflow: hidden;/*一定不能少 超出的內容進行隱藏*/

 

多行文本溢出部分隱藏
p {
    display: block;
    line-clamp: 2; /*多行文本 溢出部分...*/
    box-orient: vertical; /*從上向下垂直排列*/
    overflow: hidden;