Question

我试图在Checkbox的控件部分中水平对齐两个控件（即Nav和Controlgroup）。但是，我无法找到阻止垂直对齐的方法。

<b:ControlGroup>
   <b:Controls controlsRow="true">
      <b:CheckBox ui:field="tosCheckBox" text="I accept the " />
      <b:Nav>
         <b:NavLink href="" text="Terms of Use" />
      </b:Nav>
   </b:Controls>
</b:ControlGroup>

使用＆＃39; Inline＆＃39;可以水平对齐两个复选框。但在这种情况下，我想水平对齐复选框和导航。 Nav并不支持Inline。我注意到默认情况下，列表框也在Control组中水平对齐

Answer 1

创建以下两个类InlinePanel和InlineBlock


public class InlinePanel extends UnorderedList {
    public static final String inline = "inline";

    public InlinePanel() {
        super();

        addStyleName(inline);
    }
}

public class InlineBlock extends ListItem {

}

然后相应地调整您的代码：

<a:InlinePanel>
  <a:InlineBlock>
    <b:CheckBox ui:field="tosCheckBox" text="I accept the " />
  </a:InlineBlock>
  <a:InlineBlock>
    <b:Nav>
     <b:NavLink href="" text="Terms of Use" />
  </b:Nav>
  </a:InlineBlock>
</a:InlinePanel>

这应该可以解决问题。

在gwt bootstrap中水平对齐控件

1 个答案: