中心jQuery的标签面板屏幕

Question

上我有一个tabbedpanel声明，如下所示：

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
    <sj:tabbedpanel id="mytabs2" selectedTab="0"> 
     <sj:tab id="tab1" href="one.jsp" label="Tagged"/> 
     <sj:tab id="tab2" href="two.jsp" label="Search"/> 
     <sj:tab id="tab3" href="three.jsp" label="Add"/> 
    </sj:tabbedpanel> 

我使用Struts2的jQuery插件 - http://code.google.com/p/struts2-jquery/

我如何可以调整和中心屏幕上的标签？ 该选项卡的宽度应为70％，并显示在中心。

我已经试过包装在一个开发元素的tabbedpanel，然后使用：

<style> 
    div { width:80%; text-align:center; } 
    </style> 

但它不是工作太清楚了。宽度调整大小，但在选项卡元素内混乱了我的格式。有另一种方法吗？

感谢

Answer 1

围绕一个div可以通过设置它的宽度为所需的值，并设定保证金自动完成。文本对齐只影响div内的内联元素。 （这就是为什么你的设计得到弄糟。）

div.yours { width: 70%; margin-left: auto; margin-right: auto } 

Answer 2

div { width:80%; margin: 0 auto 0 auto}