如何在UiBinder（GWT）中对齐TabLayoutPanel选项卡内的组件中心？

在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>

我把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}" >

应该是

text-align: center;

---

在CSS文件中。

没有类似align的CSS规则。有一个规则文本对齐。

text-align: center;