1、text-overflow: clip | ellipsis   (要想隐藏溢出内容同时又想让过多内容以省略号样式显示)

clip :  不显示省略标记(...),而是简单的裁切    ;

ellipsis :  当对象内文本溢出时显示省略标记(...),备注:必须配合使用nobr标签,强制让内容不换行,才有效。

实例:<li><a href="#"><nobr> 第二排测试内容超出显示省</nobr></a></li> 

li{width:150px;height:24px;line-height:24px; font-size:12px; overflow:hidden;text-overflow:ellipsis; }

相关文章:

  • 2021-04-15
  • 2021-10-25
  • 2022-01-04
  • 2021-08-16
  • 2022-12-23
  • 2022-12-23
  • 2021-08-25
  • 2021-11-26
猜你喜欢
  • 2021-06-10
  • 2021-07-27
  • 2021-07-14
  • 2021-04-25
  • 2021-07-23
  • 2021-11-05
相关资源
相似解决方案