如何對齊UiBinder（GWT）中TabLayoutPanel選項卡內的組件？

Question

在ui.xml

<g:TabLayoutPanel barUnit='EM' barHeight='3'> 
    <g:tab> 
    <g:header size='7'><b>Income</b></g:header> 
    <g:Label>Income</g:Label> 
    </g:tab> 
    <g:tab width="100%"> 
    <g:header size='7'><b>Cost</b></g:header> 
    <g:HTMLPanel ui:field="costHTMLPanel" addStyleNames="{style.alignCenter}" /> 
    </g:tab> 

</g:TabLayoutPanel> 

myResource.css文件

.alignCenter{ 
    align:center; 
} 

我把WIDTH = 「100％」 爲標籤<g:tab width="100%">，但沒有奏效。

我也試過<g:HTMLPanel ui:field="costHTMLPanel" addStyleNames="{style.alignCenter}" width="100%" />但它也沒有工作。

也試過以下，但沒有工作，要麼

<g:tab > 
    <g:header size='7'><b>Cost</b></g:header> 
    <g:HTMLPanel width="100%" addStyleNames="{style.alignCenter}"> 
     <g:HTMLPanel ui:field="costHTMLPanel" /> 
    </g:HTMLPanel> 

    </g:tab> 

OR 
......... 
    <g:HTMLPanel width="100%" > 
      <g:HTMLPanel ui:field="costHTMLPanel" addStyleNames="{style.alignCenter}"/> 
    </g:HTMLPanel> 
.......... 

OR 
<g:tab width="100%" addStyleNames="{style.alignCenter}" > 

Answer 1

應該

text-align: center; 

在你的CSS文件

。