如何使用tabber类在两个选项卡之间提供新行

时间:2011-02-10 08:21:22

标签: javascript css

example for desired design

所有,            我是javascript的新手,我不太了解tabber类,我想有一个页面,其中标签位于两个不同行的系统属性页中,其中标签位于两个不同的行中。

           <div class="tabber">    
            <div class="tabbertab">    
            <h2>tab1</h2>    
            form stuff goes here...    
        </div>    
        <div class="tabbertab">    
            <h2>tab2</h2>    
            form stuff goes here    
        </div>    
        <div class="tabbertab ${tab_default}">    
            <h2>tab3</h2>    
            form stuff goes here    
            submit button here...    
        </div>    

假设这两个标签我想进入两个不同的行...

2 个答案:

答案 0 :(得分:1)

您只需要将其作为分隔符插入:

<li style="display: block;"></li>

为相应的标签“content”创建一个空div。

答案 1 :(得分:1)

你需要使用支持这种功能的代码,快速查看jQuery有几个插件: http://plugins.jquery.com/plugin-tags/tabcontrol

例如,this one有你所追求的“垂直”标签。