Java代码中的GWT垂直对齐标签和文本框答案

【问题标题】：GWT vertical align labels and textboxes in java codeJava代码中的GWT垂直对齐标签和文本框
【发布时间】：2016-08-14 16:17:44
【问题描述】：

我正在尝试垂直对齐一个标签和 2 个文本框。我尝试使用水平面板、网格和弹性表格，但它们似乎都不能完美地对齐文本。你有什么建议吗？

【问题讨论】：

请张贴一张草图，说明它应该是什么样子以及其他尝试出错的地方。
我尝试了具有不同对齐方式的 HorizontalPanel： - 顶部：gyazo.com/b5d6e74d99985fc2fefbd9ac36b1ef4f - 中间：gyazo.com/71dbceca3c8dd3cce1967ab66e7a7831 - bootom：gyazo.com/2239aa05f37d1b2ad74fd9e0370757c4
控制组：gyazo.com/82d244b3868aca68dffb8a2f09f04904
我们无法根据图像为您提供帮助。标签顶部可能有边距或填充。也许还有另一个div。也许是别的东西。您是否在浏览器开发工具中检查过它？
是的，主小部件只是添加到只有边距和填充的容器中，我想这不会改变任何东西

【解决方案1】：

您可以在 HorizontalPanel 中使用 .setVerticalAlignment(HasVerticalAlignment.TOP);，但根据文档，此属性仅影响设置此属性后添加的小部件。
如果只支持现代浏览器，更好的解决方案是使用Flexbox layout model。

【讨论】：

【解决方案2】：

您可以简单地尝试使用垂直面板添加标签和文本框等小部件。

【讨论】：

我必须将它们显示在一条“线”上，所以我必须使用 HorizontalPanel，但我的问题是它们没有完全垂直对齐
它们没有完全对齐是什么意思。？如果可能，请创建一个演示模型来展示您想要的内容。
例如在这里gyazo.com/71dbceca3c8dd3cce1967ab66e7a7831 你可以看到文本框中的文本与标签中的文本并不完全居中，同样，如果我从文本框中选择文本，标签的文本没有完全以它们为中心
您可以将自定义 css 应用于具有 margin-top 属性的标签。
是的，但这意味着要计算每个边距，我怎样才能自动完成对齐？