Sapui5 文本控件上的Wrap属性无效

我有以下

CustomListItem

：

<CustomListItem>
    <l:VerticalLayout class="nestedFlexboxes" width="100%">
        <l:content>
            <Title class="sapUiSmallMarginBegin sapUiSmallMarginTop" level="H3" text="{ac>Description}" wrapping="false"/>
            <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                <items>
                    <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                    <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                </items>
            </HBox>
        </l:content>
    </l:VerticalLayout>
</CustomListItem>

并希望将文本包装在

text

控件上。我已设置属性，但它不起作用：

我所期望的是，当文本没有空格时，它应该添加

…

作为：

我做错了什么？

代码：

    <List width="30%">
        <CustomListItem>
            <l:VerticalLayout class="nestedFlexboxes" width="100%">
                <l:content>
                    <Title class="sapUiSmallMarginBegin sapUiSmallMarginTop" level="H3"
                        text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                        wrapping="false"/>
                    <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                        <items>
                            <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                            <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        </items>
                    </HBox>
                </l:content>
            </l:VerticalLayout>
        </CustomListItem>

导致以下结果：

如果从sap.m.Title中剪切样式类“sapUiSmallMarginBegin”

代码：

导致以下结果：

我不知道你的StyleClassNestedFlexBox做什么。因此，我的建议是使用样式类来解决这个问题

可能的解决方法：（使用sap.m.VBox而不是sap.ui.layout.VerticalLayout）

导致以下结果：

---

还有一个问题，如何让填充稍微左一点？目前左侧没有填充。@zero\u编码用一种可能的解决方法编辑了我的答案。您是否尝试了vbox而不是垂直布局？

    <List width="30%">
        <CustomListItem>
            <l:VerticalLayout class="nestedFlexboxes" width="100%">
                <l:content>
                    <Title class="sapUiSmallMarginTop" level="H3"
                        text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                        wrapping="false"/>
                    <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                        <items>
                            <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                            <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        </items>
                    </HBox>
                </l:content>
            </l:VerticalLayout>
        </CustomListItem>
    </List>

    <CustomListItem>
            <VBox class="nestedFlexboxes sapUiTinyMarginBeginEnd">
                <Title class="sapUiSmallMarginTop" level="H3"
                    text=" Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
                    wrapping="false"/>
                <HBox fitContainer="true" justifyContent="End" alignItems="Stretch">
                    <items>
                        <Button icon="sap-icon://hint" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                        <Button icon="sap-icon://cart" type="Transparent" class="sapUiSmallMarginEnd"></Button>
                    </items>
                </HBox>
            </VBox>
        </CustomListItem>