怎么隐蔽li标签里多余的字？

dgy***

假如左面字很多就酿成这种情况了代码如下【消息】2016年11月17日全服临时维护竣事公告dsdsdssws2016-11-17
怎么隐蔽起来呢

滕***

先不管结构，如果你只想隐藏多余文字的话，可以这么写
.test{width:100px;padding:10px;border:1pxsolid#f00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}测试文字测试文字测试文字测试文字测试文字你可以用鼠标选中代码，放开鼠标后会弹出一个“运行代码”的绿色按钮，进行调试

m6594***

你问的都是c3的新属性，给你一个最完美的例子。可限定行数，多余部分可用"..."来省略（属性前面带-的要注意，为了浏览器兼容一般同步写四个）
text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;

已有账号？

找人解决需求

怎么隐蔽li标签里多余的字？

全部参与2

热门问答

dgy***

今日需求悬赏

今日问答求助

发布任务需求已有1031300位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端