Question

我在使用GWT Labels和html / css时遇到了一些麻烦。

我有一个horizontalPanel，我正在尝试对齐2个标签，以便每个1位于水平面板的一端

1) [Label 1      --~500px--      Label 2]

然而，对于标签来说，500 px似乎被分成250px，并且是一个空白区域。（首先我试着像这样做）

2) [Label 1 Label 2 --~500 whitespace px-- ]

但是会发生什么呢

3) [Label 1 -~250 whitespace px- Label 2 -~250px whitespace-- ]

我希望它像2）那么我可以将水平面板上的HorizontalAllignment设置为ALIGN_JUSTIFY，它将放在每一端。我不知道该怎么做。我尝试使用display：inline但是看起来并没有像我希望的那样工作（它使得边框只是绕过文本，但空白就在那里）

这是我正在搞乱的代码.border只是（border：1px solid Red）所以我可以想象如何计算边框和大小

HorizontalPanel p = new HorizontalPanel();

p.setWidth("500px");


//p.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_LEFT);
//p.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_JUSTIFY);
Label l1 = new Label("Label 1");
Label l2 = new Label("Label 2");

l1.addStyleName("border");
l2.addStyleName("border");

p.add(l1);
p.add(l2);

Answer 1

我只是把它从记忆中扔了出来，试一试，让我知道它是否像你期望的那样工作。

HorizontalPanel p = new HorizontalPanel();

p.setWidth("500px");
p.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_JUSTIFY);

Label l1 = new Label("Label 1");
Label l2 = new Label("Label 2");

l1.addStyleName("border");
l2.addStyleName("border");

p.add(l1);
p.setCellHorizontalAlignment(l1, HasHorizontalAlignment.ALIGN_LEFT);
p.add(l2);
p.setCellHorizontalAlignment(l2, HasHorizontalAlignment.ALIGN_RIGHT);

如果这不起作用，您是否尝试在css中为第二个标签设置text-align:right;？

GWT标签对齐和CSS

1 个答案: