标准模式下的对齐

Question

根据https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards我不认为使用DockPanel，VerticalPanel，Horizo​​ntalPanel。但这些是唯一支持同位置和强制对齐的小组。如果我想符合标准模式，我想如何对齐小部件？或者我应该使用VericalPanel和Horizo​​ntalPanel保持项目的当前形式，并忽略eclipse给我的警告：

  

[INFO] [project] - GWT不再支持Quirks模式   （document.compatMode ='BackCompat'）。
确保你的应用程序   主机HTML页面具有标准模式（document.compatMode ='   CSS1Compat'）doctype，例如使用＆lt;！doctype html＆gt;在   启动应用程序的HTML页面。

继续使用它   不支持的渲染模式和风险布局问题，抑制此问题   通过在* .gwt.xml模块中添加以下行来显示消息   文件：
＆LT;延伸配置属性   name =“document.compatMode”value =“BackCompat”/＆gt;

P.S。：我在uibinder工作

Answer 1

大多数UI专家认为使用表格进行布局是一种不好的做法。这些布局是严格的 - 它们不能很好地适应其内容的大小。

您可以在不使用这些面板的情况下构建所需的任何布局。水平对齐是最简单的：您只需将CSS规则“text-align：center”（左，右）添加到父窗口小部件。对于更有趣的效果，您可以使用“float：left”或“float：right”。在极少数情况下，您可能希望使用绝对定位（“position：absolute”，“left：20px”;“top：20px”）。

垂直对齐有点棘手，但通常您希望内容从顶部流向底部。您可以使用顶部和底部边距或设置线高来管理垂直定位。

您可以在Internet上找到许多有关构建流体布局的重要资源。大多数建议的html和CSS解决方案可以与GWT一起使用，而Ui：Binder是一种非常便利的方式。您还可以搜索StackOverflow以查找您遇到的任何问题的布局解决方案。