Cross axis item alignment-Play with CSS Flexbox layout-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

Next Section： Multi-line container item alignment (1882 plays)

Watch Again

Chapter

Note

Ask

Feedback

Play with CSS Flexbox layout

Chapter1 Introduction to Flex and preparation for learning
1-1 Study preparation and quick preview
Chapter2 Detailed explanation of Felx container properties
2-1 Create Flex containers and Flex projects
2-2 Spindle direction and multi-line containers
2-3 Spindle item alignment
2-4 Cross axis item alignment
2-5 Multi-line container item alignment
Chapter3 Detailed explanation of Felx project properties
3-1 Alignment of individual items
3-2 Sort order of individual items
3-3 Small case of single item arrangement
3-4 Magnification factor for a single item
3-5 Shrinkage factor for a single item
3-6 Calculated dimensions of a single item
3-7 flex: short for single item scaling

Previous section Next Section

Course Recommendations
Courseware download

Flex layout basic supporting courseware Belongs to chapter：Play with CSS Flexbox layout
Download

Students who have watched this course are also learning