GWT : 위젯을 가로로 배치하려면 어떻게해야합니까?

Question

GWT 2.4를 사용하고 있습니다. 내 TabLayoutPanel 창에서 위젯을 가로로 배치하는 데 문제가 있습니다. 보이는 방이 없을 때 패널을 수평으로 배치 한 다음 위젯을 다음 줄로 감싸는 방법은 무엇입니까? 느슨하게, 나는 이렇게 TabLayoutPanel을 만듭니다 ...

tabsPanel = new TabLayoutPanel(BAR_HEIGHT_IN_EM, Style.Unit.EM); 
for (final Node tabNode : documentNode.getChildren()) { 
    final ScrollPanel scrollPanel = new ScrollPanel(); 
    ... 
    Widget childWidget = createPanelFromWidgets(childWidgets); 
    ... 
    scrollPanel.add(childWidget); 
    tabsPanel.add(scrollPanel, tabName); 
} 


public static Widget createPanelFromWidgets(final List<Widget> childWidgets) { 
    final FlowPanel horizPanel = new FlowPanel(); 
    for (final Widget childWidget : childWidgets) { 
     horizPanel.add(childWidget); 
    } // for 
    return horizPanel; 
} // createPanelFromWidgets 

내가 잘못 가고있는 아이디어가 있습니까? 나는 설명서가 자동으로 가로로 배치 될 것이라고 말했지만, 나는 모든 것이 수직으로 배치 된 것을보고있다.

• 데이브

추신 - HorizontalPanel 더 이상 눈에 보이는 영역이있을 때 내 요소를 포장하려는 없기 때문에 옵션을 선택하지 않습니다.

Answer 1

개체를 FlowPanel에 넣으면 기본 HTML 레이아웃 동작을 얻습니다. 반드시 수평 레이아웃이 아니어야합니다. 방화 광케이블이나 비슷한 것을 사용하여 위젯의 스타일을 확인하면 아마도 "display : block;" (대부분). 블록 표시는 수직으로 나타납니다.

각 childWidget의 CSS 표시 속성을 "인라인 블록"또는 "인라인"으로 변경하면 가로 및 세로로 정렬해야합니다.