设置多行本文溢出显示省略号

vue create test-vue

npm run serve

<style>
    /* 设置多行本文溢出显示省略号 */
    
    .app {
        width: 300px;
        height: 40px;
        border: 1px solid black;
        overflow: hidden;
        /* 设置设置为伸缩盒 */
        display: -webkit-box;
        /* 设置伸缩盒内子元素的排列方式为vertical */
        -webkit-box-orient: vertical;
        /* 限制显示的行数 */
        -webkit-line-clamp: 2;
    }
</style>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta harum mollitia cupiditate fuga, repellendus maxime pariatur eum autem consequatur expedita nesciunt amet quo quod excepturi sed a iste nemo soluta?