CSS 文字超出范围显示省略号_css超出部分显示省略号

作者：2023面试高手 | 2024-02-20 17:37:21

踩

css超出部分显示省略号

需要实现的效果是当文字太多的时候只显示一行或两行，其余文字用…省略号配合tooltip组件去显示的时候可以用css样式这样实现

	white-space: pre-wrap !important;
    overflow: hidden; //超过隐藏
    text-overflow: ellipsis;//设置省略号
    display: -webkit-box;
    -webkit-line-clamp: 2;//设置行数，2显示可以显示2行，超过2行就隐藏
    -webkit-box-orient: vertical;
1
2
3
4
5
6

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/120460