Review one flex knowledge point every day

Parent element display:flex

After the parent element turns on the elastic model, the child elements are arranged in a row by default

The child elements are arranged on the main axis

justify-content:flex-start
justify-content:flex-end
justify-content:center
justify-content:space-around
jusrify-content:space-between

Child elements are arranged on the side axis align:items

justify-content:flex-start
justify-content:flex-end
justify-content:center