Hybris 海布里斯后台。如何在属性之间对齐？

在hybris backoffice中，在编辑器区域的分区内，将属性相互对齐的最佳方法是什么

如果我有类似于：

            <section name="hmc.section.1.1" >

                    <attribute qualifier="a" />
                    <attribute qualifier="b" />
                    <attribute qualifier="c" />
                    <attribute qualifier="d"/>
                    <attribute qualifier="e" label="" />
                    <attribute qualifier="f"/>
                    <attribute qualifier="g" label=""/>

            </section>

以这种方式排列它们的最佳方法是什么：

a,
b,
c,
d,
f,
g

---

查看默认后台配置文件

xxx backoffice config.xml

。这里有一个例子：

<context type="Industry" merge-by="type" component="editor-area">
    <editorArea:editorArea>
        <editorArea:essentials>
            <editorArea:essentialSection name="hmc.essential">
                <editorArea:attribute qualifier="industryGroup" />
                <editorArea:attribute qualifier="code" />
                <editorArea:attribute qualifier="name" />
            </editorArea:essentialSection>
        </editorArea:essentials>
        <editorArea:customTab name="asd">
            <editorArea:section name="asdf">
                <editorArea:panel name="asdf">
                    <editorArea:attribute qualifier="asd">
                        <editorArea:editor-parameter>
                            <editorArea:name></editorArea:name>
                            <editorArea:value></editorArea:value>
                        </editorArea:editor-parameter>
                    </editorArea:attribute>
                </editorArea:panel>
            </editorArea:section>
        </editorArea:customTab>
    </editorArea:editorArea>
</context>

我相信你可以用编辑来定义它。以下是xsd所说的：

<xs:complexType name="section">
    <xs:complexContent>
        <xs:extension base="abstractSection">
            <xs:sequence>
                <xs:choice minOccurs="0" maxOccurs="unbounded">
                    <xs:element name="customPanel" type="customPanel"/>
                    <xs:element name="panel" type="panel"/>
                </xs:choice>
                <xs:choice minOccurs="0" maxOccurs="unbounded">
                    <xs:element name="attribute" type="attribute" minOccurs="0" maxOccurs="unbounded"/>
                    <xs:element name="custom" type="customElement" minOccurs="0" maxOccurs="unbounded">
                        <xs:annotation>
                            <xs:documentation>Allows to insert custom html into section. Html code may contain
                                SpEL expressions regarding edited object - SpEL expressions need to be in braces
                                {}
                            </xs:documentation>
                        </xs:annotation>
                    </xs:element>
                </xs:choice>
            </xs:sequence>
            <xs:attribute name="columns" type="xs:decimal" use="optional" default="2"/>
        </xs:extension>
    </xs:complexContent>
</xs:complexType>

允许在节中插入自定义html。Html代码可能包含
有关已编辑对象的SpEL表达式-SpEL表达式需要放在大括号中
{}

查看默认后台配置文件

xxx backoffice config.xml

。这里有一个例子：

<context type="Industry" merge-by="type" component="editor-area">
    <editorArea:editorArea>
        <editorArea:essentials>
            <editorArea:essentialSection name="hmc.essential">
                <editorArea:attribute qualifier="industryGroup" />
                <editorArea:attribute qualifier="code" />
                <editorArea:attribute qualifier="name" />
            </editorArea:essentialSection>
        </editorArea:essentials>
        <editorArea:customTab name="asd">
            <editorArea:section name="asdf">
                <editorArea:panel name="asdf">
                    <editorArea:attribute qualifier="asd">
                        <editorArea:editor-parameter>
                            <editorArea:name></editorArea:name>
                            <editorArea:value></editorArea:value>
                        </editorArea:editor-parameter>
                    </editorArea:attribute>
                </editorArea:panel>
            </editorArea:section>
        </editorArea:customTab>
    </editorArea:editorArea>
</context>

我相信你可以用编辑来定义它。以下是xsd所说的：

<xs:complexType name="section">
    <xs:complexContent>
        <xs:extension base="abstractSection">
            <xs:sequence>
                <xs:choice minOccurs="0" maxOccurs="unbounded">
                    <xs:element name="customPanel" type="customPanel"/>
                    <xs:element name="panel" type="panel"/>
                </xs:choice>
                <xs:choice minOccurs="0" maxOccurs="unbounded">
                    <xs:element name="attribute" type="attribute" minOccurs="0" maxOccurs="unbounded"/>
                    <xs:element name="custom" type="customElement" minOccurs="0" maxOccurs="unbounded">
                        <xs:annotation>
                            <xs:documentation>Allows to insert custom html into section. Html code may contain
                                SpEL expressions regarding edited object - SpEL expressions need to be in braces
                                {}
                            </xs:documentation>
                        </xs:annotation>
                    </xs:element>
                </xs:choice>
            </xs:sequence>
            <xs:attribute name="columns" type="xs:decimal" use="optional" default="2"/>
        </xs:extension>
    </xs:complexContent>
</xs:complexType>

允许在节中插入自定义html。Html代码可能包含
有关已编辑对象的SpEL表达式-SpEL表达式需要放在大括号中
{}

我用editorArea:panel试用了你的eample。但由于某些原因，它不适合后台布局，左侧的一小部分属性被剪切，宽度似乎为100%，因此输入从屏幕的最左侧到最右侧。我试图使用一些面板参数来调整布局，但它总是被破坏，我仍在尝试解决这个问题。我尝试了你的eample与editorArea:panel。但由于某些原因，它不适合后台布局，左侧的一小部分属性被剪切，宽度似乎为100%，因此输入从屏幕的最左侧到最右侧。我试图使用一些面板参数来调整布局，但它总是被破坏，我仍然试图解决这个问题。