• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

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

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

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与2

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

使用道具 举报

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

使用道具 举报

发新帖

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

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!