flash - 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应该布局它的子元素（标签），没有垂直间隙（在这种情况下，水平间隙是无用的，因为我们正在谈论 a 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>

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