css 文本超出行数进行隐藏

.text {  

    display: -webkit-box;  

    -webkit-line-clamp: 2; /* 限制为两行 */  

    -webkit-box-orient: vertical;  

    overflow: hidden; /* 隐藏超出部分 */  

    text-overflow: ellipsis; /* 超出部分用省略号表示 */  

    white-space: normal; /* 允许换行 */  

}