html - GWT 标签对齐和 CSS

Question

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

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

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

不过，貌似500px被分成了250px一个label，还有一个空白。 (首先我试着把它弄成这样)

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