Question

代码：

RootPanel footer = RootPanel.get("footer");
footer.addStyleName(StyleNameGen.createName("mainWidgetFooterStyle"));
footer.add(versionLabel);
footer.add(expirationMessage);

并将versionLabel and then expirationMessage`放在它下面。

如果我想将versionLabel放在expirationMessage之外怎么办？

Answer 1

您必须先将它们添加到另一个容器中，例如HorizontalLayoutContainer或HBoxLayoutContainer。

HorizontalLayoutContainer labelContainer = new HorizontalLayoutContainer()
labelContainer.add(versionLabel, new HorizontalLayoutData(-1, -1, new Margins(5)));
labelContainer.add(expirationMessage, new HorizontalLayoutData(-1, -1, new Margins(5)));
footer.add(labelContainer);

Answer 2

如果我理解你需要将2个标签放在另一个上面。为此，您可以尝试：

FlowLayoutContainer somePanel = new FlowLayoutContainer();
mixCont.add(somePanel);
Label versionLabel = new Label("12345678");
Label expirationMessage = new Label("9999999");
versionLabel.getElement().getStyle().setFloat(Style.Float.LEFT);
expirationMessage.getElement().getStyle().setPosition(Position.ABSOLUTE);
expirationMessage.getElement().getStyle().setLeft(20, Unit.PX);
somePanel.add(versionLabel);
somePanel.add(expirationMessage);

实际上下一个代码应该可以解决您的问题。第二行可帮助您定位重叠消息：

expirationMessage.getElement().getStyle().setPosition(Position.ABSOLUTE);
expirationMessage.getElement().getStyle().setLeft(20, Unit.PX);

在gwt中将两个标签放在彼此旁边

2 个答案: