首页 > 教程 > 网页特效源码 > 网页css

CSS多行文本高度溢出隐藏,显示省略号

发布:2024-04-29 浏览:64 次 评论:0
核心提示:66666666666666666666
单行文本溢出隐藏:

overflow: hidden;


单行文本溢出隐藏显示省略号:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;


多行文本溢出隐藏显示省略号:

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;


多行文本溢出隐藏时,-webkit-line-clamp: 2; 把2改成几就显示几行。灵活多变。
 
  • 文本链接:https://mbtxw.com/Course/show.php?itemid=178
  • 文章来源:模板模板
  • 版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
  • 我的领地
  • 文章86
  • 人气1
  • 收藏0
  • 粉丝 0