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>