GWT標籤對齊和CSS

我在使用GWT標籤和html/css時遇到了一些麻煩。GWT標籤對齊和CSS

我有一個horizontalPanel，我試圖對齊2個標籤，這樣每1上的水平面板

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

然而結束，似乎500像素被分成250像素每個標籤都有一個白色空間。（首先，我試圖使它像這樣）

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

，但發生的事情是這個

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

我想這是像2），這樣的話，我可以設置HorizontalAllignment的水平面板上到ALIGN_JUSTIFY這將放在每一端。我不知道該怎麼做。我嘗試使用顯示：內聯，但似乎沒有工作，因爲我希望（它使邊界只是圍繞文本，但空白在那裏）

這是我亂搞的代碼.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);

來源

2013-04-26 bubbles

我只是把這個共同的記憶，給它一個嘗試，讓我知道，如果它像你期望的那樣。

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

來源

2013-04-26 05:00:18 Alex

是的，這的確如我所料。但仍然有一件事。每個標籤佔用大約250px。理想情況下，我希望它能夠使標籤佔用儘可能多的空間，剩下的就是可用空間（正確的標籤長度爲250px，但應占用大約50px）。如果我對每個標籤應用display：inline，它確實解決了這個問題，但我對「display：inline」是新手，我不確定它可能具有的其他含義。即使沒有解決方案，你的方法應該工作！謝謝。 – bubbles 2013-04-26 05:13:28

GWT標籤對齊和CSS

回答

相關問題