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; }
时间: 2024-10-14 17:33:10