1
如果我使用jQuery UI的標籤,常常給我的標籤右側的空間像以下:如何讓jQuery UI選項卡均勻地佔用選項卡區域,而沒有任何空間?
您上面所看到的,有三個選項卡後,會有很大的空間。如何刪除空間,讓任意數量的選項卡均勻佔據選項卡區域,而不會有任何空間?
如果我使用jQuery UI的標籤,常常給我的標籤右側的空間像以下:如何讓jQuery UI選項卡均勻地佔用選項卡區域,而沒有任何空間?
您上面所看到的,有三個選項卡後,會有很大的空間。如何刪除空間,讓任意數量的選項卡均勻佔據選項卡區域,而不會有任何空間?
您可以使用Flexbox的,然後添加填充工具,這裏是一個的jsfiddle:
.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;
}