easyui-tabs第一个标签被遮挡

使用easyui-tabs时布局的时候发觉第一个标签的标题总是被遮挡,但是点击一下第二个标签再点击一个标签又恢复想要的效果了。例如:



那么解决方法就可以是,加载完成后让它先选中第二个标签,再选择第一个标签,但这会出现一个问题,就是页面加载完成后会出现闪跳现象,即从第二标签页闪跳回第一标签页。找了很久,找到了另一个解决方法。

easyui-tabs默认情况下标签是可以无限多的,所以他在.tabs样式中设置了width:50000px;正因为这个宽度太长了,导致很容易超出父类容器的边界,而出现未知错误,那么我们屏蔽掉该属性。

easyui.css


但是这也导致了另一个问题,那就是标签不可能再是无限多了,其tabs的长度就是父类的长度。鱼与熊掌不可兼得,大家自我取舍吧。

最后,我认为真正影响效果展示的可能是如下代码:

ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

我是在谷歌浏览器下进行的测试,所以很可能是谷歌的内核webkit的padding-start:40px导致的。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值