0

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

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

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 is just (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);
4

1 回答 1

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 中设置第二个标签？

于 2013-04-26T05:00:18.573 回答