firefox中text-overflow:ellipsis的问题

【2016年5月26日  easyui  css】

在使用easyui treegrid进行数据加载的过程中,当字段的宽度过小,字段名称过长时在不同浏览器的显示行为不一样,具体如下:

chrome:                                                                  IE / firefox:

                      

css中有专门的属性来实现文字过长时出现文字+...的情况,firefox早期的版本不太支持,但是最新版44之后都支持,给父类设置如下的样式,当长度超过时会出现我们要求的效果:
width: 200px;    
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值