2011-01-21 100 views
0

上我有一個tabbedpanel聲明,如下所示:中心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,然後使用:

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

但它不是工作太清楚了。寬度調整大小,但在選項卡元素內混亂了我的格式。有另一種方法嗎?

感謝

回答

0

圍繞一個div可以通過設置它的寬度爲所需的值,並設定保證金自動完成。文本對齊隻影響div內的內聯元素。 (這就是爲什麼你的設計得到弄糟。)

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

感謝您的。你在哪裏說div.yours。 '你的'是div id的權利? – 2011-01-21 12:01:19

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