Play with CSS Flexbox layout-Free online video tutorial-php.cn

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

Advanced

flexbox

Flexible box layout

23725 person learning

13 class hour

01 hours 53 minutes 49 seconds Total course duration

2023-07-26update

PHP中文网

Gold lecturer

A total of 51 coursesStudent5294 Lecturer rating5.0

认证高级PHP讲师 More>>

Course Introduction Course Outline Data Download Other Courses

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
expand retract

Section1 Study preparation and quick preview
duration： 05 minutes 15 seconds
Chapter2 Detailed explanation of Felx container properties
expand retract

Section1 Create Flex containers and Flex projects
duration： 07 minutes 36 seconds

Section2 Spindle direction and multi-line containers
duration： 09 minutes 28 seconds

Section3 Spindle item alignment
duration： 07 minutes 46 seconds

Section4 Cross axis item alignment
duration： 06 minutes 24 seconds

Section5 Multi-line container item alignment
duration： 11 minutes 50 seconds
Chapter3 Detailed explanation of Felx project properties
expand retract

Section1 Alignment of individual items
duration： 07 minutes 22 seconds

Section2 Sort order of individual items
duration： 05 minutes 55 seconds

Section3 Small case of single item arrangement
duration： 07 minutes 38 seconds

Section4 Magnification factor for a single item
duration： 09 minutes 51 seconds

Section5 Shrinkage factor for a single item
duration： 13 minutes 12 seconds

Section6 Calculated dimensions of a single item
duration： 08 minutes 37 seconds

Section7 flex: short for single item scaling
duration： 12 minutes 55 seconds

Data Nameoperate
[must see]Flex layout basic supporting courseware Download

PHP中文网 Lecturer Other Courses

Elementary html5 Chinese manual

5511
Collection
Elementary CSS 2.0 Chinese Manual

6109
Collection
Elementary CSS 3.0 Reference Manual

3773
Collection
Advanced Play with CSS Flexbox layout

23725
Collection
Advanced Make layout as fast as 5G: CSS Grid grid layout

27146
Collection
Elementary The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

139484
Collection
Elementary Bootstrap3 reference manual

3335
Collection
Elementary Foundation5 Manual

902
Collection
Elementary JavaScript Reference Manual

9434
Collection
Elementary jQuery1.11 Reference Manual

9118
Collection
Elementary jQuery1.7 Chinese manual

5729
Collection
Elementary jQuery_API_1.4.4 Manual

4224
Collection

Start Learning

This course includes：

01 hours 53 minutes 49 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！