一行文字溢出以...形式隐藏

我需要隐藏...

css代码如下:

white-space:nowrap;

text-overflow:ellipsis;

overflow:hidden;

多行文字溢出以...形式隐藏(针对webkit内核浏览器)

css代码如下:

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

overflow:hidden;

注意!-webkit-line-clamp:2;

这是2行内容溢出以...形式隐藏,比如:

我需要隐藏

我需要隐藏...

也就是说你想要显示几行隐藏,就写数字几就好。

 

相关文章:

  • 2022-01-07
  • 2021-10-29
  • 2022-12-23
  • 2021-12-18
  • 2022-01-19
  • 2022-02-01
  • 2022-02-17
  • 2021-07-27
猜你喜欢
  • 2022-12-23
  • 2021-11-28
  • 2022-01-04
  • 2022-01-05
  • 2021-12-25
  • 2021-12-06
  • 2022-03-03
相关资源
相似解决方案