Name: CSS3 Flex flexible box model makes layout fly
Uploaded: 2021-12-21T16:10:36+8:00
Duration: 118 min 13 s
Description: The flex property is used to set or retrieve how the child elements of the flex box model object allocate space. It is the shorthand property for the flex-grow, flex-shrink and flex-basis properties. Note: The flex property has no effect if the element is not a child of the flexbox model object.

Chapter1Chapter One: The flexbox model you really need to master
04 minutes16 seconds; Use of browser debugging features
03 minutes13 seconds; Comparison of elastic layout and traditional layout response
08 minutes04 seconds; Laying out the WeChat client interface in the traditional way
05 minutes22 seconds; Layout WeChat client using flexible box model
07 minutes06 seconds
Chapter2Chapter two: Several ways to declare a flexible box
03 minutes56 seconds; Change the direction of a flex element
03 minutes50 seconds; Controlling flexible element overflow and line wrapping processing
06 minutes14 seconds; Uniformly set element arrangement and line wrapping
01 minutes44 seconds; Detailed explanation of main axis and cross axis
04 minutes50 seconds
Chapter3third chapter: Various arrangements of spindle elements
06 minutes06 seconds; Various arrangements of cross-axis elements
03 minutes41 seconds; How multiple rows of elements are arranged on the cross axis
05 minutes05 seconds; Flex element cross axis control
02 minutes33 seconds; Element available space allocation
03 minutes47 seconds
Chapter4Chapter Four: Layout Xiaomi mobile page structure
03 minutes39 seconds; Techniques for dynamic shrinking of elements
03 minutes57 seconds; Definition of the basic dimensions of the spindle
02 minutes47 seconds; Flex element group rules and definitions
03 minutes19 seconds; Controlling the ordering of flex elements
03 minutes06 seconds
Chapter5chapter Five: Flexible element sorting example
08 minutes53 seconds; Flexible layout operation text node
02 minutes29 seconds; How positioned elements behave in flexible layout
02 minutes47 seconds; Flexible layout mobile universal menu
05 minutes16 seconds; Flexible layout of multi-level menus
07 minutes07 seconds; Use margin to automatically fill the space
05 minutes06 seconds

About Instructor

王林: student

You will learn:: The flex property is used to set or retrieve how the child elements of the flex box model object allocate space. It is the shorthand property for the flex-grow, flex-shrink and flex-basis properties. Note: The flex property has no effect if the element is not a child of the flexbox model object.

CSS3 Flex flexible box model makes layout fly

About Instructor

php.cn