Css实现一行或多行溢出显示省略号

时间:2022-07-24
本文章向大家介绍Css实现一行或多行溢出显示省略号，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

一行溢出显示省略号

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

多行溢出显示省略号

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

注意的地方，如果父级或自身加了white-space: nowrap;多行溢出将无效 需要在自身加上 white-space: normal;

随机文章
WEB前端知识点必读
最近更新