在现实需求中,我们经常会遇见这样的问题:

单行省略号写法,

1 overflow: hidden;
2 text-overflow:ellipsis;
3 white-space: nowrap;

多行省略号写法,因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;

1 display: -webkit-box;
2 -webkit-box-orient: vertical;
3 -webkit-line-clamp: 3;  //第3行
4 overflow: hidden;

 

相关文章:

  • 2022-12-23
  • 2021-06-28
  • 2022-12-23
  • 2022-12-23
  • 2021-10-20
  • 2021-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-09-03
  • 2021-06-21
  • 2021-11-12
  • 2022-12-23
  • 2021-12-11
  • 2021-06-02
  • 2022-12-23
相关资源
相似解决方案