中心jQuery的标签

中心jQuery的标签

问题描述:

我已经借了一些代码link text使用JQ中心jQuery的标签

一切正常巢标签“CEPT我不能工作了居中的选项卡

使用YUI库,这为v容易。但是,我不能使用YUI库因为我的JS命令是微不足道的,我的PHP适合他们的代码是谋杀和时间浪费。

有没有方法来居中jq标签?

汤姆

你可以加一点造型:

.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; }​ 

来源 - Richard Worth

请务必将它覆盖到包括这个了jQuery UI样式表,you can see a demo here


如果你不能使用样式表和必须在代码中做到这一点,使用.css(),像this

$("#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'}); 
+0

的.ui-标签,导航李{ 浮动:左; margin:0 0 0 1px; min-width:84px; 我的CSS没有class .ui-tabs – Tom 2010-06-23 11:45:30

+0

@Tom - 您使用的是哪个版本的jQuery UI? – 2010-06-23 12:06:49

+0

Tom 2010-06-23 12:43:31