Jquery ui 对中jquery选项卡

Jquery ui 对中jquery选项卡,jquery-ui,jquery-plugins,Jquery Ui,Jquery Plugins,我从中借用了一些代码来使用jq嵌套选项卡 一切都很好,只是我无法将标签居中 使用YUI库,这很容易。但是,我不能使用YUI库,因为我对JS的命令可以忽略不计,将我的php与他们的代码相匹配是致命的,也是浪费时间的 有没有办法将jq标签居中 Tom您可以添加一些样式: .ui-tabs .ui-tabs-nav { float: none; text-align: center; } .ui-tabs .ui-tabs-nav li { float: none; display: inline;

我从中借用了一些代码来使用jq嵌套选项卡

一切都很好,只是我无法将标签居中

使用YUI库,这很容易。但是,我不能使用YUI库,因为我对JS的命令可以忽略不计,将我的php与他们的代码相匹配是致命的,也是浪费时间的

有没有办法将jq标签居中


Tom

您可以添加一些样式:

.ui-tabs .ui-tabs-nav { float: none; text-align: center; }
.ui-tabs .ui-tabs-nav li { float: none; display: inline; }
.ui-tabs .ui-tabs-nav li a { float: none; }​
来源-

确保在jQueryUI样式表之后包含此项,以便它覆盖


如果您不能使用样式表,并且必须在代码中使用,请使用,如:


.ui选项卡导航li{float:左;边距:0 1px;最小宽度:84px;我的CSS没有class.ui-tabs@Tom-您使用的是哪个版本的jQuery UI?@Tom-那是jQuery,您使用的是jQuery UI 1.6吗?那是一个非常旧的版本,您考虑过升级吗?
$("#tabs").tabs();
$(".ui-tabs .ui-tabs-nav").css({float: 'none', textAlign: 'center'});
$(".ui-tabs .ui-tabs-nav li").css({float: 'none', display: 'inline'});
$(".ui-tabs .ui-tabs-nav li a").css({float: 'none'});