單行多行文字顯示省略號

單行文字省略號

直接上代碼

<div class="demo">
	....全是文字
</div>
複製代碼

.demo{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
複製代碼

多行文字省略號

<div class="demo">
	....全是文字
</div>
複製代碼

.demo{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; // 表明第幾行顯示省略號
    -webkit-box-orient: vertical;  
}
複製代碼