對齊 GWT 中 SimplePanel 中的內容

Question

任何人都知道如何將一些東西放在 SimplePanel 的中心，或者至少以某種方式安排它。

使用 HorizontalPanel 和 VerticalPanel 我可以使用 setHorizontalAlignment() /setVerticalAlignment() 但我找不到任何對 SimplePanel 有用的東西。

我知道 SimplePanel 只能有一個小部件，但我需要使用它。

有什么建議嗎？

謝謝

Answer 1

如果你使用 UIBinder 這應該可以工作

 <ui:style>
  .container {
     width:100%;
 }
 .content {
     width:200px;
     margin: 0 auto;
 }
</ui:style>
<g:SimplePanel addStyleNames="{style.container}">
    <g:HTMLPanel addStyleNames="{style.content}">
     <!-- CONTENT -->
    </g:HTMLPanel>
</g:SimplePanel>

Answer 2

創建水平/垂直面板。 添加具有所需 alignment 的小部件。 將此面板添加到 SimplePanel。

您也可以通過調整 CSS 而不是額外的面板來實現它