easyui-tabs第一个标签被遮挡

来源:互联网 发布:picasa for mac中文版 编辑:程序博客网 时间:2024/06/05 16:11

使用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
原创粉丝点击