有没有Jquery选项卡控件可以很好地处理多行标签？

.ui-tabs .ui-tabs-nav li.ui-tabs-SELEcted {  padding-bottom: .1em; border-bottom: 0; }

你根本不需要扩展.只需使用浮动LI的无级Ul.李的应该正确包装通常一个好主意,以确保在同一个选项卡中的单词不用“”替换为“”替换.

我的自定义选项卡控件是用ASP.Net动态构建的,但是tab和hide / show功能都是jQuery.

<div id="tabWrapper">
    <ul id="tabContainer">
        <li>Tab&nbsp;1</li>
        <li>Tab&nbsp;2</li>
        <li>Tab&nbsp;3</li>
     </ul>
</div>

基本CSS

#tabWrapper
{
    border-bottom: solid 1px #676767;
}

#tabContainer 
{
    padding:0;
margin:0;
    position:relative;
    z-index: 1;
    float:left;
    list-style:none;
}

#tabContainer li 
{
    float:left;
    margin:0;
    cursor: pointer;
    BACkground: f1f1f1;
    border-top: solid 1px #676767;
    border-left: solid 1px #676767;
    border-right: solid 1px #ababab;
    margin-bottom: -1px;
}

#tabContainer .SELEcted,#tabContainer .SELEcted:hover
{
    BACkground: #fff;
}