在屏幕上居中 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 插件 - http://code .google.com/p/struts2-jquery/
如何调整选项卡的大小并使其在屏幕上居中？ 该选项卡的宽度应为 70%，并显示在中间。
我尝试将 tabbedpanel 包装在 dev 元素中，然后使用 :
<style>
div { width:80%; text-align:center; }
</style>
但它工作得不太好。宽度调整大小但弄乱了选项卡元素中的格式。还有别的办法吗？
谢谢
I have a tabbedpanel declared like so :
<%@ 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>
I'm using the struts2 jquery plugin - http://code.google.com/p/struts2-jquery/
How can I resize and center the tab on screen ?
The tab should be 70% in width and appear in the center.
I've tried wrapping the tabbedpanel in a dev element and then using :
<style>
div { width:80%; text-align:center; }
</style>
But its not working too well. The width resizes but messes up my formatting within the tab elements. Is there another way ?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
将 div 居中可以通过将其宽度设置为所需值并将边距设置为自动来完成。文本对齐仅影响 div 内的内联元素。 （这就是你的设计变得混乱的原因。）
Centering a div can be done by setting it's width to the desired value and setting margin to auto. Text-align only affects inline elements inside the div. (This is why your design gets messed up.)