Flex layout

Let’s start

< strong>   column top to bottom

row from left to right–>default value

row-reverse right to left

column-reverse bottom to top

2. flex-wrap about the wrapp

Flex layout

Using flex to write an adaptive layout, the code comes from the MDN document

HTML structure

I am article
I am nav
I am aside
< /div>
I am footer CSS

body{
font-size: 24px ;

Flex elastic layout instructions

1. Examples of horizontal and vertical centering
Method 1: