在GWT 2.4中，將同一行中的兩個按鈕與HTMLPanel對齊的正確方法是什麼？

我正在使用GWT 2.4和uiBinder將小部件添加到頁面。現在我想在一行中佈置兩個底部按鈕，但我不確定正確的方法來做到這一點。在GWT 2.4中，將同一行中的兩個按鈕與HTMLPanel對齊的正確方法是什麼？

我嘗試添加在horizontalPanel這樣的：

<tr> 
    <td align="center"> 
     <g:HorizontalPanel ui:field="horizontalPanel" borderWidth="1" spacing="50"> 
     <g:Button ui:field="cancelButton" text="Cancel"></g:Button> 
     <g:Button ui:field="exitButton" text="Exit"></g:Button>      
    </g:HorizontalPanel> 
    </td> 
</tr>

，但它不是間距按鈕相隔足夠的距離。增加間距可爲面板增加更多高度，並將所有內容都推下來，使其上方的另一個按鈕向下移動。

這樣做的正確方法是什麼？

來源

2011-11-21 James Drinkard

有兩種方法你可以去在GWT做你的佈局：

取決於SmartGWT的或GXT。
咬緊牙關，學習CSS。

我建議人們去第二條路。 smartgwt和gxt對於一個簡單的項目似乎很有吸引力。但是，隨着您的項目變得越來越複雜，與所有其他GWT產品的不兼容性變得越來越寬。

咬緊牙關，學習如何將css集成到gwt中。

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> 
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" 
    xmlns:g="urn:import:com.google.gwt.user.client.ui"> 
    <ui:style> 
    .trivial { 
     font-weight: bold; 
     margin-left: 50px; 
     margin-top: 0px; 
     margin-right: 50px; 
     margin-bottom: 0px; 
    } 
    </ui:style> 
    <g:HorizontalPanel> 
    <g:Button styleName="{style.trivial}" ui:field="button1">David Headley</g:Button> 
    <g:Button styleName="{style.trivial}" ui:field="button2">Debacle</g:Button> 
    </g:HorizontalPanel> 
</ui:UiBinder>

來源

2011-11-22 02:34:40

在GWT 2.4中，將同一行中的兩個按鈕與HTMLPanel對齊的正確方法是什麼？

回答

相關問題