代码之家  ›  专栏  ›  技术社区  ›  David

Jquery选项卡-选项卡太多

  •  3
  • David  · 技术社区  · 17 年前

    我正在使用JQuery选项卡。问题是当有太多的选项卡时,一些选项卡被压缩到下一行,布局看起来很奇怪。我没有设置 <div> 这是账单的一部分。到底有没有什么好办法 <部门> 要自动拉伸而不是将选项卡挤压到下一行?

    谢谢你的帮助

    2 回复  |  直到 14 年前
        1
  •  4
  •   pixeline    17 年前

    .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
    .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
    

    尝试以下方法:

    .ui-tabs .ui-tabs-nav li {
    width:auto;
    min-width:auto;
    }
    
        2
  •  3
  •   David    17 年前

    在我查看了css文件并对样式进行了一些修改之后,我需要将“display:inline”添加到“.ui tabs.ui tabs nav li”

    此外,当选项卡过多时,一些选项卡会被下推到新行。如果单击第一个选项卡中的项目,某些选项卡可能会移动。我通过删除“.ui tabs.ui tabs nav li.ui-tabs-selected”中的“padding bottom”来修复此问题