单选按钮组垂直显示

Question

我正在使用GWT来构建单选按钮，但是当我显示它时会一个接一个地显示（在行中）。

有没有办法垂直堆叠组中的单选按钮？

Answer 1

一种方法是将每个RadioButton包装在SimplePanel中。

另一种方法是将display css属性设置为block。

Answer 2

这取决于您要添加的面板。如果您希望事物在没有任何麻烦的情况下垂直排列，请将每个单选按钮添加到VerticalPanel。

它排队的原因是因为GWT生成RadioButtons作为HTML <span>元素，默认情况下将CSS display设置为inline。

如果您不想使用VerticalPanel，可以RadioButtons display:block;

Answer 3

GWT RadioButton有一个默认提供的CSS类，用于为RadioButton gwt-RadioButton

设置样式

示例：

.gwt-RadioButton
{
    display : block;
}