單行文本
.box{
overflow: hidden;
white-space: nowrap; // 不允許折行
text-overflow: ellipsis;
}
多行文本
.box{
word-break: break-all; // 允許在單詞內(nèi)換行
display: -webkit-box; // 父元素設(shè)置該屬性后宠漩，作用與display:flex類似褐缠，子元素可在一行顯示城须，且實(shí)現(xiàn)自適應(yīng)
// 如果要使用line-clamp時(shí)需要用display:box
-webkit-line-clamp: 3; /* 指定行數(shù)*/
-webkit-box-orient: vertical;
overflow: hidden;
}
