adobe flex 如何去除 BOX、VBOX、HBOX 之间的空间

Question

<mx:VBox horizontalGap="0" verticalGap="0" height="84" width="164" verticalAlign="middle" styleName="amount">
    <s:Label text="text" width="100%" textAlign="center"/>
    <s:Label text="text" width="100%" textAlign="center"/>
</mx:VBox>
<mx:Box width="1" height="84" borderStyle="solid">

</mx:Box>
<mx:VBox horizontalGap="0" verticalGap="0" height="84" width="144" verticalAlign="middle" styleName="amount">
    <s:Label text="text" width="100%" textAlign="center"/>
    <s:Label text="text" width="100%" textAlign="center"/>
</mx:VBox>

我试过使用horizo​​ntalGap 并将VerticalGap 设置为0，但这不起作用，如何消除mx 框之间的间隙？

Answer 1

“gap”属性指定在布置 Box 的子项时应该应用多少间隙。

例如，下面的代码间隙属性为 0，这意味着该VBox应该布局它的子元素（标签），没有垂直间隙（在这种情况下水平间隙是无用的，因为我们谈论的是VBox ）。

<mx:VBox horizontalGap="0" verticalGap="0" height="84" width="164" verticalAlign="middle" styleName="amount">
    <s:Label text="text" width="100%" textAlign="center"/>
    <s:Label text="text" width="100%" textAlign="center"/>
</mx:VBox>

那么包含上面所有盒子的容器是什么？ 如果该容器是VBox ，则将该父容器对象的verticalGap设置为 0。如果它是HBox ，则将它的horizontalGap设置为 0。