如何让jQuery UI选项卡均匀地占用选项卡区域，而没有任何空间？

Question

如果我使用jQuery UI的标签，常常给我的标签右侧的空间像以下：

您上面所看到的，有三个选项卡后，会有很大的空间。如何删除空间，让任意数量的选项卡均匀占据选项卡区域，而不会有任何空间？

Answer 1

您可以使用Flexbox的，然后添加填充工具，这里是一个的jsfiddle：

http://jsfiddle.net/tBwRL/

.ui-tabs .ui-tabs-nav { 
    display: -webkit-box; 
    display: -moz-box; 
    display: box; 
} 


.ui-tabs .ui-tabs-nav li { 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    box-flex: 1; 
} 

.ui-tabs .ui-tabs-nav li:last-child { 
    margin-right: -7px; 
} 

.ui-tabs .ui-tabs-nav li a { 
    width: 100%; 
    padding-left: 0; 
    padding-right: 0; 
    text-align: center; 
}