Javascript XML：如何将项目（HBox/Vbox的按钮）向右对齐

正如标题所述

我的尝试：

<VBox>  
    <HBox alignItems="Right" id="Tabelle">
        <Button visible="true" enabled="true" icon="sap-icon://navigation-right-arrow" />
        <Button visible="true" enabled="true" icon="sap-icon://open-command-field" />
        <Button visible="true" enabled="true" icon="sap-icon://process" />
    </HBox>
</VBox>

将

alignItems

->添加到右侧，以便

Hbox

的元素将放置在

VBox

的右侧，但它似乎不起作用

---

为什么不工作？

尝试使用

alignContent

而不是

alignItems

或两者的组合。似乎两者都有一定的影响

---

您也可以查看文档

我能推荐的最佳控件

FlexBox

<FlexBox
    alignItems="Center"
    justifyContent="End">
    <items>
        <Button enabled="true" icon="sap-icon://navigation-right-arrow" class="sapUiSmallMarginEnd"/>
        <Button enabled="true" icon="sap-icon://open-command-field" class="sapUiSmallMarginEnd"/>
        <Button enabled="true" icon="sap-icon://process" />
    </items>
</FlexBox>

输出

HBox（和VBox）基本上是一个Flexbox，用于正确使用内容

证明内容

不

对齐内容

也不

对齐项目

<HBox justifyContent="End" id="Tabelle">
    <Button visible="true" enabled="true" icon="sap-icon://navigation-right-arrow" />
    <Button visible="true" enabled="true" icon="sap-icon://open-command-field" />
    <Button visible="true" enabled="true" icon="sap-icon://process" />
</HBox>

flexbox定位的良好参考：

编辑1：添加示例

---

编辑2：语法和拼写错误

感谢您的贡献！因为HBox justifyContent的功能比AlignContent更好，感谢您的贡献！我需要它与HBox和HBox一起工作