Display:flex

Flex containers arrange their children (items inside them) horizontally or vertically. You can customize how the direct children stack, when they wrap, how they are aligned and justified within the flex container.

The flex child settings allow you to override the flex container settings for alignment and justification. They also allow you to change the sizing and order of the selected flex child.了解更多.