Question

我无法将组件集中在我的VBox中。我想设置标准的css元素“align：center”。我怎么能在Flex中做到这一点？

<mx:VBox>
    <mx:LinkButton label="Tag1" />
    <mx:Image source="@Embed(source='../icons/userIcon.png')" />
    <mx:Label id="username" text="Nickname" visible="false" fontWeight="bold"   />
</mx:VBox>

感谢

Answer 1

简单地说，你可以这样做：

<mx:VBox width="200" horizontalAlign="center">
    <mx:Label text="foo" />
</mx:VBox>

我刚刚试过这个例子，它工作得很好。如果容器的宽度由其子容器决定，则可能看起来没有正确对齐：

<mx:VBox horizontalAlign="center" borderStyle="solid">
    <mx:Label text="foo" />
    <mx:Label text="bar" />
</mx:VBox>

但是，进一步指定宽度会显示此属性：

<mx:VBox width="200" horizontalAlign="center" borderStyle="solid">
    <mx:Label text="foo" />
    <mx:Label text="bar" />
</mx:VBox>

Flex，HBox：如何横向居中所有孩子？

1 个答案: