Question

我正在使用com.google.gwt.user.client.ui.FlowPanel 小部件彼此非常接近。但是我无法弄清楚如何设置边距？

BTW可能有更好的布局？我只需要一个容器，用于逐个定位的几个Anchor。

Answer 1

您可以通过编程方式执行此操作：

flowPanel.getElement().getStyle().setProperty("margin", "10px");

或者使用声明边距（YourCssClassWithMargin{ margin: 10px; }）的CSS类：

- ＆GT;如果您使用UiBinder以这种方式添加CSS样式：

<g:FlowPanel styleName='YourCssClassWithMargin'>

- ＆GT;如果你不这样使用UiBinder：

flowPanel.addStyleName("YourCssClassWithMargin");

Answer 2

添加了新方法，所有属性元素都作为单独的方法。这非常方便

`flowPanel.getElement().getStyle().setMargin(10, Unit.PX);`
`flowPanel.getElement().getStyle().setMarginLeft(10, Unit.PX);`
`flowPanel.getElement().getStyle().setMarginRight(10, Unit.PX);`
`flowPanel.getElement().getStyle().setMarginTop(10, Unit.PX);`
`flowPanel.getElement().getStyle().setMarginBottom(10, Unit.PX);`

Answer 3

最简单的方法是使用selectors CSS。

如果您希望margin应用于所有Anchors Divs（FlowPanel是正常的Div），请使用此CSS：

div a {
   margin:10px;
}

如果您只想将margin应用于Anchor中的FlowPanel，您可能会这样：

.FlowPanelStyle {
    margin:10px;
}

您必须通过致电

将FlowPanelStyle应用于FlowPanel

yourFlowPanel.addStyleName（ “FlowPanelStyle”）;

如何向FlowPanel添加边距？

3 个答案: