多行文本溢出

单行文本溢出

.text { 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden; 
}

多行文本溢出

.text { 
    display: -webkit-box; 
    -webkit-box-orient: vertical;   /* 表示盒子对象的子元素的排列方式 */ 
    -webkit-line-clamp: 3;          /* 限制文本的行数，表示文本第多少行省略 */ 
    text-overflow: ellipsis;        /* 打点展示 */ 
    overflow: hidden;               /*超出部分进行隐藏*/ 
}