CSS如何设置文字只显示两行,并且超出隐藏?

原标题：CSS如何设置文字只显示两行,并且超出隐藏?

CSS如何设置文字显示两行

.text{
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}

CSS如何设置一行文字，超出隐藏

.text{
    /*超出省略号*/
    text-overflow: ellipsis;
    /*溢出隐藏*/
    overflow: hidden;
    /*禁止换行*/
    white-space: nowrap;
}