Sapui5 带有标签、输入字段和复选框的布局 模型

现行代码

问题

---

该复选框未居中。当前代码是响应性的，解决方案也应该是响应性的。

如果希望复选框居中，则需要在formElement上使用标签，就像处理其他复选框一样。如果你不想要一个标签，你可能需要一些css在特定的FormElement上留一个左边距

也许还有另一种更“礼貌”的方式，但如果它存在，我不知道，我会继续查看该帖子，看看是否有人真的提供了更好的解决方案

但就目前而言，我希望这对您暂时有效。

您所说的“复选框未居中”到底是什么意思？在实体模型中，复选框也没有居中。。

<mvc:View
  xmlns="sap.m"
  xmlns:core="sap.ui.core"
  xmlns:l="sap.ui.layout"
  xmlns:f="sap.ui.layout.form"
  displayBlock="true" height="100%">
  <Page showHeader="false" id="page">
    <content>
      <l:Grid defaultSpan="L12 M12 S12" width="auto">
        <l:content>
          <f:Form editable="true">
            <f:title>
              <core:Title text="Test" />
            </f:title>
            <f:layout>
              <f:ResponsiveGridLayout
                labelSpanL="3"
                labelSpanM="3"
                emptySpanL="4"
                emptySpanM="4"
                columnsL="1"
                columnsM="1"
              />
            </f:layout>
            <f:formContainers>
              <f:FormContainer>
                <f:formElements>
                  <f:FormElement label="Name">
                    <f:fields>
                      <Input id="name1" value="" />
                    </f:fields>
                  </f:FormElement>
                  <f:FormElement label="Name">
                    <f:fields>
                      <Input id="name2" value="" />
                    </f:fields>
                  </f:FormElement>
                  <f:FormElement>
                    <f:fields>
                      <CheckBox id="cb1" />
                      <Text wrapping="true" text="lorem ipsum" />
                    </f:fields>
                  </f:FormElement>
                </f:formElements>
              </f:FormContainer>
            </f:formContainers>
          </f:Form>
        </l:content>
      </l:Grid>
    </content>
  </Page>
</mvc:View>