Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "what are the element attributes of Flex layout?", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "what are the element attributes of Flex layout" article.

Elements that use Flex layouts are called Flex containers (flex container), or "containers" for short. All its child elements automatically become container members, called Flex projects (flex item), or "projects" for short.

By default, the container has two axes: a horizontal principal axis (main axis) and a vertical cross axis (cross axis). The start position of the spindle (the intersection with the frame) is called main start, and the end position is called main end;. The start position of the cross axis is called cross start, and the end position is called cross end.

Projects are arranged along the principal axis by default. The spindle space occupied by a single project is called main size, and the cross-axis space occupied is called cross size.

Container Properti

1) flex-direction: sets the spindle direction

2) justify-content: sets the arrangement of child elements on the spindle

3) flex-wrap: sets whether child elements wrap

4) align-content: sets the arrangement of child elements on the side axis (multiline)

5) align-items: sets the arrangement of child elements on the side axis (single line)

6) flex-flow: compound attribute, with both flex-direction and flex-wrap set

The above is about the content of this article on "what are the element attributes of Flex layout". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.