GWT标签对齐方式和CSS

Question

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

我有一个horizo​​ntalPanel，并且我试图对齐2个标签，以便每个标签位于“水平面板”的一端

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

但是，似乎将500 px分成一个标签每个250 px，并且存在空白。 （首先，我试图使它像这样）

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

但这是怎么回事

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

我希望它像2），因此我可以将“水平面板”上的Horizo​​ntalAllignment设置为ALIGN_JUSTIFY，这将放在每一端。 我不知道该怎么做。 我尝试使用display：inline，但是它似乎并没有按我希望的那样工作（它使边框仅绕过文本，但是有空白）

这是我正在处理的代码.border只是（border：1px纯红色），所以我可以看到边框和大小的计算方式

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);

如果那不起作用，您是否尝试过设置text-align:right; 在你的CSS的第二个标签？