java gwt flowpanel总是新行

Question

我正在尝试在java gwt中使用flowpanel但是当我添加不同的小部件时,面板将每个小部件添加到一个新行中,这里是我如何设置flowPanel

 public class Test extends Composite {
   public abstract class SomeWidget<T> extends Composite {
      ...
   }

   public class SomeStringWidget extends SomeWidget<String> {
      ...
   }


   public void setWidget() {
     FlowPanel fp = new FlowPanel();
     fp.setWidth("100%");
     fp.add(new SomeStringWidget());
     fp.add(new SomeStringWidget());
     ...
   }
 }

为什么每个Widget都设置在一个新的行中,而不是像流程板一样,在一行中添加小部件,直到没有更多空间,然后将它们添加到新行中？

Answer 1

Flow Panel使用样式GWT-FlowPanel生成DIV元素.如果你想要你内部小部件内联使用以下CSS制作内部小部件的CSS:

.SomeStringWidget {
   display: inline;
}

要么

.SomeStringWidget {
    display: inline-block; 
}

要么

.SomeStringWidget {
   float: left;
}

在您的小部件中,在构造函数中设置CSS Class .SomeStringWidget.

public SomeStringWidget {
    this.setStyleName("SomeStringWidget");
}