单行文本溢出隐藏

p{
width:200px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis; 
}


指定行数、多行溢出隐藏(兼容ie7)
div {

line-height:20px;

heigh:60px; //这里是行高的倍数

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;  // 这里写显示的行数

-webkit-box-orient: vertical;}

相关文章:

  • 2019-01-02
  • 2021-11-26
  • 2021-09-04
  • 2021-11-30
  • 2021-11-04
  • 2021-11-13
  • 2021-11-22
猜你喜欢
  • 2021-11-19
  • 2022-12-23
  • 2021-11-30
  • 2021-11-19
  • 2021-08-09
  • 2021-11-30
  • 2022-01-07
相关资源
相似解决方案