今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Flexbox: Orientation and ordering
- [Instructor] One useful feature of Flexbox is its ability to align items in either rows or columns. The flex-direction property controls the direction of the main axis and also the order of the items. It has four possible values. Row, row-reverse, column, and column-reverse. This property is added to the flex container. Row is the default value. The main start and main end depends on the writing mode of the document. In left-to-right languages like English, main start and main end runs from left to right. In right-to-left languages like Arabic, main start and main ends runs from right to left. Using the column value with flex-direction changes the main axis to a vertical direction. This displays the flex items in a column with each item stacked on top of each other. The main start and main end properties run from top to bottom and expand to the width of their container. The direction of the main start and main end can…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
-
-
-
Intro to Grid and Flexbox59 秒
-
(已锁定)
Intro to Flexbox2 分钟 25 秒
-
(已锁定)
Flexbox: Orientation and ordering3 分钟 1 秒
-
(已锁定)
Sizing with flex properties2 分钟 29 秒
-
(已锁定)
Flexbox exercise3 分钟 51 秒
-
(已锁定)
Project: Sticky footer with flexbox5 分钟 39 秒
-
(已锁定)
Aligning flex items3 分钟 20 秒
-
(已锁定)
Project: Aligning elements with Flexbox3 分钟 41 秒
-
(已锁定)
Intro to CSS Grid2 分钟 23 秒
-
(已锁定)
The explicit grid3 分钟 59 秒
-
(已锁定)
The implicit grid2 分钟 58 秒
-
(已锁定)
Adding gutters with the gap property1 分钟 21 秒
-
(已锁定)
Project: Adding columns with Grid8 分钟 15 秒
-
-
-
-