html超出显示省略号

时间:2021-09-28 10:40:57
<span>装备自动回收,躺的赚钱,收入比上班还要高,古天乐都乐开了花装备自动回收,躺的赚钱,收入比上班还要高,古天乐都乐开了花装备自动回收,躺的赚钱,收入比上班还要高,古天乐都乐开了花<span>

单行省略:

<style>
span{
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>

效果:

html超出显示省略号

多少省略:

<style>
span{
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
   height: 49px
  }
</styel>

效果:

html超出显示省略号