中心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'});
的.ui-标签,导航李{ 浮动:左; margin:0 0 0 1px; min-width:84px; 我的CSS没有class .ui-tabs – Tom 2010-06-23 11:45:30
@Tom - 您使用的是哪个版本的jQuery UI? – 2010-06-23 12:06:49
– Tom 2010-06-23 12:43:31