Flex abbreviated

Flex properties using the object into display 1, i.e., contains elements of the container elements 2, projects, i.e. one element. In terms of containers, wrap may be achieved Flex (flex-wrap), the container arrangement direction changing element (flex-direction: roe, colum, fle-end (start)) (Note: Upon changing arrangement direction, the main axis direction will change.) and the order (or reverse order arrangement of positive sequence Reverse). Element on a spindle may also be implemented alignment (justify-content: space-between (justification), space-around (justification), space-evenly (if the remaining space, the elements are distributed equally), alignment if the change line is required in the vertical direction: align-content, if there is no line breaks, using the arrangement align-items vertical direction (flex-end, start, or center center) .flex make the layout more attractive, simple, to avoid floating. projects i.e. a single element, to achieve zooming sorting.

Guess you like

Origin www.cnblogs.com/freeland/p/11749895.html