屏幕上的中心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包装在dev元素中，然后使用：

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

但它的效果不太好。宽度调整大小但在标签元素中混淆了我的格式。还有另一种方式吗？

由于

Answer 1

可以通过将div的宽度设置为所需的值并将margin设置为auto来完成div的居中。文本对齐仅影响div内的内联元素。 （这就是为什么你的设计搞砸了。）

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

Answer 2

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