1. 程式人生 > >css設定使文字顯示2行多餘的為省略號。。。

css設定使文字顯示2行多餘的為省略號。。。

 .title{
        font-size: .7rem;
        line-height: 1.5rem;

        overflow: hidden;  /** 隱藏超出的內容 **/
        word-break: break-all;
        text-overflow: ellipsis; /** 多行 **/
        display: -webkit-box; /** 物件作為伸縮盒子模型顯示 **/
        -webkit-box-orient: vertical; /** 設定或檢索伸縮盒物件的子元素的排列方式 **/
        -webkit-line-clamp: 2; /** 顯示的行數 **/
        margin-bottom: .3rem;
    }