flex

您所在的位置:网站首页 主轴对齐是什么意思 flex

flex

2024-06-30 10:13| 来源: 网络整理| 查看: 265

CSS flex-direction 属性指定了内部元素是如何在弹性容器中布局的,定义了主轴的方向(正方向或反方向)。

css/* 文本排成行的方向 */ flex-direction: row; /* 类似于 ,但方向相反 */ flex-direction: row-reverse; /* 文本行堆叠的方向 */ flex-direction: column; /* 类似于 ,但方向相反 */ flex-direction: column-reverse; /* 全局值 */ flex-direction: inherit; flex-direction: initial; flex-direction: revert; flex-direction: revert-layer; flex-direction: unset;

请注意,值 row 和 row-reverse 受 flex 容器的方向性的影响。如果它的 dir 属性是 ltr,row 表示从左到右定向的水平轴,而 row-reverse 表示从右到左; 如果 dir 属性是 rtl,row 表示从右到左定向的轴,而 row-reverse 表示从左到右。

初始值row适用元素弹性容器是否是继承属性否计算值as specified动画类型离散值

查看使用 CSS 弹性盒子以了解更多的属性和信息。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3