HTML隱藏多行文字

多餘隱藏的文字用三個點表示 

<style> 
/* 多行文字隱藏 */
        .overline1 {
            -webkit-line-clamp: 3;     //表示顯示幾行
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            white-space: normal;
        }
</style>

<p class="overline1">很多文本。。。。。</p>