ContainerLayout  - AS3 Flex

Use absolute layout for the contents of this container. You are responsible for explicitly specifying the position of each child.

The easiest way to do this is to specify the x, y, width, and height of each child.

The width and height can be specified as a percentage value in MXML. (In ActionScript you have to set the percentWidth and percentHeight properties.)

If you don't specify the width or percentWidth for a child, then its measuredWidth, as automatically determined by its measure() method, will be used. The same applies for its height.

As an alternative way of doing layout, you can use the anchor styles left, top, right , bottom, horizontalCenter, and verticalCenter on children to anchor them to the sides or the center of a container.

When you use absolute layout, the container's paddingLeft, paddingTop, paddingRight, paddingBottom, horizontalGap, verticalGap, horizontalAlign, andverticalAlign styles are ignored.

Use horizontal layout for the contents of this container. The container will automatically place its children in a single row.

If you don't specify the width or percentWidth for a child, then its measuredWidth, as automatically determined by its measure() method, is used. The same applies for its height.

You can control the spacing between children with the horizontalGap style, and the alignment of the children with the verticalAlign style. The paddingLeft, paddingTop, paddingRight, and paddingBottom styles control the space between the border of the container and the children.

Use vertical layout for the contents of this container. The container will automatically place its children in a single column.

If you don't specify the width or percentWidth for a child, then its measuredWidth, as automatically determined by its measure() method, is used. The same applies for its height.

You can control the spacing between children with the verticalGap style, and the alignment of the children with the horizontalAlign style. The paddingLeft, paddingTop, paddingRight, and paddingBottom styles control the space between the border of the container and the children.