What is the arrangement of css flex?

This article mainly explains "what is the arrangement of css flex". Friends who are interested may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Now let the editor take you to learn "what is the arrangement of css flex?"

instructions

1. Flex supports permutation and permutation. When arranging, the spindle and the cross axis change the direction, but the axis controlled by align-items and justify-content remains the same, that is, align-items still controls the cross axis and justify-content controls the spindle.

2. Use align-items for horizontal alignment and justify-content for vertical alignment.

Example

Horizontal center alignment

.flex {display: flex; flex-direction: column; align-items: center;}

Vertical center alignment

Flex {display: flex; flex-direction: column; justify-content: center;} at this point, I believe you have a deeper understanding of "what is the arrangement of css flex". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!