java - 如何在 GWT 中将元素放置在 Flowpanel 上

Question

我正在使用 ui 绑定(bind)器将元素放置在 GWT 页面上，但我无法正确放置它们。根据我的知识，流程面板中的元素应该显示在水平线上，但它们却显示在垂直线上。

<g:FlowPanel>
  <g:Label ui:field="searchLabel" text="{labels.searchFor}"> </g:Label>
  <g:ListBox ui:field="searchListBox"></g:ListBox>
</g:FlowPanel>
<g:SimplePanel addStyleNames="{cres.style.textAlignCenter}">
  <g:Button ui:field="searchButton" text="{clabels.search}"/>
</g:SimplePanel>  

Answer 1

FlowPanel 只是一个简单的 div 元素的(小部件)包装器。所有子小部件将按照标准 HTML 行为自然流动(即， block 元素和内联元素按此方式显示)。

相反，Label 小部件不是 HTML label 元素的包装。同样，是一个 div，因此所有内容都堆积在您的 FlowPanel 中。

你可以:

• 使用 InlineLabel 而不是 Label(将呈现为 span 元素)；
• 在 Label 上使用 float 样式或任何其他 CSS 技巧来使两个 div 水平对齐；
• 使用 HTMLPanel 而不是 FlowPanel(它们的行为相同)，并使用 HTML 来布局元素，以实现标签等简单内容(即混合和匹配) HTML 和其中的小部件)；
• 使用 Horizo​​ntalPanel 而不是 FlowPanel(但这将呈现为 table 元素，请注意)。