CSS3 Flex flexible box model makes layout fly

• Chapter1 Chapter One
• 1-1 The flexbox model you really need to master
• 1-2 Use of browser debugging features
• 1-3 Comparison of elastic layout and traditional layout response
• 1-4 Laying out the WeChat client interface in the traditional way
• 1-5 Layout WeChat client using flexible box model
• Chapter2 Chapter two
• 2-1 Several ways to declare a flexible box
• 2-2 Change the direction of a flex element
• 2-3 Controlling flexible element overflow and line wrapping processing
• 2-4 Uniformly set element arrangement and line wrapping
• 2-5 Detailed explanation of main axis and cross axis
• Chapter3 third chapter
• 3-1 Various arrangements of spindle elements
• 3-2 Various arrangements of cross-axis elements
• 3-3 How multiple rows of elements are arranged on the cross axis
• 3-4 Flex element cross axis control
• 3-5 Element available space allocation
• Chapter4 Chapter Four
• 4-1 Layout Xiaomi mobile page structure
• 4-2 Techniques for dynamic shrinking of elements
• 4-3 Definition of the basic dimensions of the spindle
• 4-4 Flex element group rules and definitions
• 4-5 Controlling the ordering of flex elements
• Chapter5 chapter Five
• 5-1 Flexible element sorting example
• 5-2 Flexible layout operation text node
• 5-3 How positioned elements behave in flexible layout
• 5-4 Flexible layout mobile universal menu
• 5-5 Flexible layout of multi-level menus
• 5-6 Use margin to automatically fill the space