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>

• 效果