Alignment Options

Shortcut Command

Description

Anchor

 

Top

Affixes objects to the top edge of the panel.

Bottom

Affixes objects to the bottom edge of the panel.

Left

Affixes objects to the left edge of the panel.

Right

Affixes objects to the right edge of the panel.

Slack

Sizes the component to fill unused space.

None

Positions the component, using the underlying pixel grid.

Align

 

Align Top icon Top Edges

Aligns the top edge of all selected components. Moves all selected components vertically to the current position of the top edge of the top object.

Align Vertical Center icon Vertical Centers

Aligns the center point of all selected components. Center in this case is the vertical center, evenly spaced from the left and right edges of components. Moves all selected components vertically to a median determined using the center of the top component and the center of the bottom component.

Bottom Edges icon Bottom Edges

Aligns the bottom edge of all selected components. Moves all selected components vertically to the current position of the bottom edge of the bottom object.

Left Edges icon Left Edges

Aligns the left edge of all selected components. Moves all selected components horizontally to the current position of the left edge of the left object.

Horizontal Edges icon Horizontal Centers

Aligns the center point of all selected components. Center in this case is the horizontal center, evenly spaced from the top and bottom edges of components. Moves all selected components horizontally to a median determined using the center of the left component and the center of the farthest right component.

Right Edges icon Right Edges

Aligns the right edge of all selected components. Moves all selected components horizontally to the current position of the right edge of the farthest right object.

Distribute

 

Top Edges icon Top Edges

Evenly spaces the top edge of three or more components vertically.

Vertical Centers icon Vertical Centers

Evenly spaces the center point of three or more components. Center in this case is the vertical center, evenly spaced from the left and right edges of components. Moves all selected components vertically to a median determined using the center of the top component and the center of the bottom component.

Bottom Edges icon Bottom Edges

Evenly spaces the bottom edge of three or more components vertically.

Left Edges icon Left Edges

Evenly spaces the left edge of three or more components horizontally.

Horizontal Centers icon Horizontal Centers

Evenly spaces the center point of three or more components. Center in this case is the horizontal center, evenly spaced from the top and bottom edges of components. Moves all selected components horizontally to a median determined using the center of the farthest left component and the center of the farthest right component.

Right Edges icon Right Edges

Evenly spaces the right edge of three or more components horizontally.