Jquery ui 在屏幕上居中显示jquery选项卡式面板

我有一个选项卡面板，声明如下：

<%@ 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插件-

如何在屏幕上调整选项卡的大小并使其居中？ 选项卡的宽度应为70%，并显示在中间

我尝试将选项卡面板包装在dev元素中，然后使用：

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

div{宽度：80%；文本对齐：居中；}

但它的效果不太好。宽度会调整大小，但会弄乱选项卡元素中的格式。还有别的办法吗

---

多亏了

可以通过将div的宽度设置为所需的值并将margin设置为auto来实现div的居中。文本对齐只影响div中的内联元素（这就是为什么您的设计会出错）

---

谢谢你。你说的是div.yours你的“div id是对的吗？。有些东西定义了一个类。“div.alma”指alma类的所有div。要按id选择项目，请使用#如下所示：div#loginbox感谢您的帮助，它似乎正确地集中在firefox上。但在IE8上，它是向左对齐的，这是浏览器的问题吗？添加此选项有效-好的，我刚刚注意到我的表单选项卡的内容现在都是左对齐的，因此表单中的文本框在对齐之前显示在标签的正下方。这是我的代码-我也需要修改这一页吗？

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

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