如何在UiBinder（GWT）的TabLayoutPanel的Tab中对齐Component？

Question

中的

<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文件中。