我是靠谱客的博主 平淡电灯胆,这篇文章主要介绍CSS实现文本超过部分显示...,超出两行,超出多行显示省略号,现在分享给大家,希望可以做个参考。

单行设置
.box {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
多行设置
.box {
    width: 200px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里设置超出几行省略 */
    overflow: hidden;
}

最后

以上就是平淡电灯胆最近收集整理的关于CSS实现文本超过部分显示...,超出两行,超出多行显示省略号的全部内容,更多相关CSS实现文本超过部分显示内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部