如何到达下一行？

Question

我有以下简单形式：

<f:SimpleForm title="Address" editable="true" layout="ResponsiveGridLayout" columnsM="2">
    <f:content>
        <Label text="Customer">
        </Label>
        <Input>
            <layoutData>
                <l:GridData span="XL4 L4 M12 S12"/>
            </layoutData>
        </Input>
        <Label text="PO reference">
            <layoutData>
                <l:GridData span="XL1 L1 M12 S12"/>
            </layoutData>
        </Label>
        <Input>
            <layoutData>
                <l:GridData span="XL4 L4 M12 S12"/>
            </layoutData>
        </Input>
        <Label text="PO date">
            <layoutData>
                <l:GridData span="XL1 L1 M12 S12"/>
            </layoutData>
        </Label>
        <Input>
        </Input>
    </f:content>
</f:SimpleForm>  

它显示为：

如何将标签采购订单日期移至下一行？

Answer 1

<f:SimpleForm title="Address" editable="true" layout="ResponsiveGridLayout" columnsM="2">
    <f:content>
        <Label text="Customer">
        </Label>
        <Input>
        <layoutData>
            <l:GridData span="XL4 L4 M12 S12" />
        </layoutData>
        </Input>
        <Label text="PO reference">
            <layoutData>
                <l:GridData span="XL1 L1 M12 S12" />
            </layoutData>
        </Label>
        <Input>
        <layoutData>
            <l:GridData span="XL4 L4 M12 S12" />
        </layoutData>
        </Input>
        <Label text="PO date">
        </Label>
        <Input>
        <layoutData>
            <l:GridData span="XL1 L9 M12 S12" />
        </layoutData>
        </Input>
    </f:content>
</f:SimpleForm>

以上代码可让您正确对齐。