css多行文本顯示省略號

在多行文本顯示的div中，超出部分顯示省略號css實現方案

• css

.description {
    overflow : hidden;/*必須結合的屬性,當內容溢出元素框時發生的事情*/
    text-overflow: ellipsis;/*可以用來多行文本的情況下，用省略號“…”隱藏超出範圍的文本 。*/
    display: -webkit-box;/*必須結合的屬性 ，將對象作爲彈性伸縮盒子模型顯示 。*/
    -webkit-line-clamp: 2;/*用來限制在一個塊元素顯示的文本的行數。*/
    -webkit-box-orient: vertical;/*必須結合的屬性 ，設置或檢索伸縮盒對象的子元素的排列方式 。*/
    }

• div

 <div class="description">場景 localStorage默認是沒有過期時間的，但在某些場景下我們想自動清除某些緩存。 思路：
            重寫localStorage的get和set方法，在set的時候存儲加入時間戳的一個對象，get的時候取出這個對象，判斷時間戳即可。 參考文章 localStorage設置過期時間 es5實現
        </div>

• 效果