Play with CSS Flexbox layout
PHP Chinese website 2021 original new course: Experience the latest Flexbox flexible box layout method. You can realize the layout of various complex pages with just a few lines of code, simple and elegant! Technical exchange QQ group: 916808767
31032
person learning
13
class hour
2023-07-26
update time
01 Hours53 minutes49 seconds
Total course duration
认证高级PHP讲师
You will learn
The latest web page layout method: Flexbox flexible box layout skills
Play with CSS Flexbox layout
Chapter1 Introduction to Flex and preparation for learning
Section1 Create Flex containers and Flex projects
07 minutes36 seconds
Section2 Spindle direction and multi-line containers
09 minutes28 seconds
Section3 Spindle item alignment
07 minutes46 seconds
Section4 Cross axis item alignment
06 minutes24 seconds
Section5 Multi-line container item alignment
11 minutes50 seconds
Chapter2 Detailed explanation of Felx container properties
Section1 Alignment of individual items
07 minutes22 seconds
Section2 Sort order of individual items
05 minutes55 seconds
Section3 Small case of single item arrangement
07 minutes38 seconds
Section4 Magnification factor for a single item
09 minutes51 seconds
Section5 Shrinkage factor for a single item
13 minutes12 seconds
Section6 Calculated dimensions of a single item
08 minutes37 seconds
Section7 flex: short for single item scaling
12 minutes55 seconds
Chapter3 Detailed explanation of Felx project properties
Data Name
Flex layout basic supporting courseware
Download
PHP中文网 Lecturer Other Courses
![The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982548
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546665
Quick introduction to web front-end development
8 class hour
220786
Master PS video tutorials from scratch
268 class hour
1003164
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
