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

23079 person learning

13class hour

01 hours 53 minutes 49 secondsTotal course duration

2023-07-26update

PHP中文网

Gold lecturer

A total of 51 courses Student5294 Lecturer rating5.4

认证高级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 Name operate
[must see]Flex layout basic supporting courseware Download

PHP中文网 Lecturer Other Courses

Elementaryhtml5 Chinese manual

5508
Collection
ElementaryCSS 2.0 Chinese Manual

6106
Collection
ElementaryCSS 3.0 Reference Manual

3773
Collection
AdvancedPlay with CSS Flexbox layout

23079
Collection
AdvancedMake layout as fast as 5G: CSS Grid grid layout

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

130435
Collection
ElementaryBootstrap3 reference manual

3334
Collection
ElementaryFoundation5 Manual

901
Collection
ElementaryJavaScript Reference Manual

9429
Collection
ElementaryjQuery1.11 Reference Manual

9114
Collection
ElementaryjQuery1.7 Chinese manual

5728
Collection
ElementaryjQuery_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！