Child Alignment

The Child Alignment property determines where the group of children will be aligned. There are nine options for this property, as shown:

As an example, the following diagram shows three overlapping panels that fill the screen. The Rect Transform area for these parent Panels is represented by the selected Rect Transform. The first panel has an Upper Left Child Alignment. Its children are represented by the white squares. The second panel has a Middle Center Child Alignment, and its children are represented by gray squares. The third panel has a Lower Right Child Alignment, and its children are represented by black squares:

It is important to note that the Child Alignment property only shows an effect if the children (along with spacing) don't completely fill in the Rect Transform, as with the preceding diagram.