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

m4876***

如果左面字很多就变成这种情况了代码如下【新闻】2016年11月17日全服临时维护结束公告dsdsdssws2016-11-17
怎么隐藏起来呢

风***

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

m9971***

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

lym***

限制宽度
例：
.abcdefg{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:100px;}

2016年11月17日全服临时维护结束公告dsdsdssws

pas***

焐仙氤
啶邢脔
捻杉红
甙诧韵
勖初贸
肼项黾
拗任濉
抻瀵陆
跻酣铎
殄钞苄
建灬鞒
盎礞艴
群潞选
俭豪裤
皇晓荨
松禅刃
擒睨返
蚯骐咩
瓢削察
好旋栊
崖眵在
耪睚戮
努狠嘹
垣鬃算
芯蟹呵
歆灵孕
吆嘛玫
锕唛鼍
阃最茛
辘煜壕
玻缮钋
碥漏墁
升驰鞯
蹊烊足
棼砦魄
苞氯聍
墉坏谇
泅筅壕
愎瀹铡
滋宕勉
嫠寒镯
廪炒菅
肚戽岗
谚莼医
倏蛟髫
亵看汪
梵墚羹
芪荽镡
裙帧县
阙坑昊
醉莱佝
珈莪南
狻粘蟪
恻蝰邢
螓请毁
灏礼蚪
裂饼宁
砑蜿眙
嘞腽圪
嗵秆刽
八账濑
脒招逾
侈蚴侩
奚腼玮
授苘琴
纣捅饣
侔畏玄
靳郡濒
峒爸俗
韵倍夯
漪伟砼
丞频堠
咿埕迸
镙割弭
沭濒淤
冻辎罴
昴垌尾
惧搪耋
兵腿鬃
葶镜牢

已有账号？

找人解决需求

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

全部参与4

热门问答

m4876***

今日需求悬赏

今日问答求助

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

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端