Flex, HBox: как горизонтально отцентрировать всех детей?

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>