设置
元素内弹性盒元素的方向为相反的顺序：
p
{
display:flex;
flex-direction:row-reverse;
}效果预览
紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| flex-direction | 29.0 21.0 -webkit- |
11.0 10.0 -ms- |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
flex-direction 属性规定灵活项目的方向。
注意：如果元素不是弹性盒对象的元素，则 flex-direction 属性不起作用。
| 默认值： | row |
|---|---|
| 继承： | 否 |
| 可动画化： | 否。请参阅 SS3动画属性、CSS3动画实例。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.flexDirection="column-reverse" 效果预览 |
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
| 值 | 描述 | 实例 |
|---|---|---|
| row | 默认值。灵活的项目将水平显示，正如一个行一样。 | 效果预览 |
| row-reverse | 与 row 相同，但是以相反的顺序。 | 效果预览 |
| column | 灵活的项目将垂直显示，正如一个列一样。 | 效果预览 |
| column-reverse | 与 column 相同，但是以相反的顺序。 | 效果预览 |
| initial | 设置该属性为它的默认值。请参阅 initial。 | 效果预览 |
| inherit | 从父元素继承该属性。请参阅 inherit。 | |
Atas ialah kandungan terperinci Flexible弹性盒子模型之CSS flex-direction属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
MySQL memadam prosedur tersimpan
kalau apa maksudnya
Antivirus telefon mudah alih Apple
Cara mendaftar untuk Alipay korporat
Bagaimana untuk mematikan tembok api
Bagaimana untuk mengkonfigurasi pembolehubah persekitaran laluan dalam java
Skrin komputer tidak menunjukkan isyarat
Lihat maklumat sistem dalam linux
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
