在標準模式下對齊

Question

根據https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards我不假設使用DockPanel，VerticalPanel，Horizo​​ntalPanel。但那些是唯一支持hasverticalalignment和hashorizo​​ntalalignment的面板。如果我想符合標準模式，我想如何調整小部件？或者我應該保持項目使用VericalPanel和Horizo​​ntalPanel目前的形式，而忽略了警告日食給我：

[INFO] [項目] - GWT不再支持Quirks模式 （document.compatMode =」 BackCompat 「）。
確保您的應用程序的 主機HTML頁面具有標準模式（document.compatMode =' CSS1Compat'）doctype，
通過使用<！doctype html >在 開始您的應用程序的HTML頁面。
    <擴展配置屬性 名稱=「文檔：

要繼續使用該 不支持的渲染模式和風險佈局的問題，通過增加
下面一行到你的* .gwt.xml模塊 文件抑制這個 消息.compatMode」 VALUE = 「BackCompat」/ >

PS：我在UiBinder的

Answer 1

使用的佈局表被認爲是不好的做法，大多數UI工作的專家。這些佈局是嚴格的 - 它們不能很好地調整其內容的大小。

您可以在不使用這些面板的情況下構建任何您想要的佈局。水平對齊是最容易的對齊方式：只需向父窗口小部件添加CSS規則「text-align：center」（左側，右側）即可。對於更有趣的效果，您可以使用「float：left」或「float：right」。在一些極少數情況下，您可能想要使用絕對定位（「position：absolute」，「left：20px」;「top：20px」）。

垂直對齊有點棘手，但通常希望您的內容從頂部流向底部。您可以使用頂部和底部邊距或設置線條高度來管理垂直定位。

您可以在互聯網上找到許多有關建築流體佈局的優秀資源。大多數建議的html和CSS解決方案都可以與GWT一起使用，而Ui：Binder是一個非常方便的方法。您還可以搜索StackOverflow來解決您面臨的任何問題的佈局解決方案。