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

CSS如何设置文字显示两行

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

文章来源地址https://www.toymoban.com/article/171.html

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

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

到此这篇关于CSS如何设置文字只显示两行,并且超出隐藏?的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！