flex-basis

介绍

定义 flex 元素在 flex 容器的主轴上的初始大小，在 flex 容器中与 width/height 表示大小的含义一致，优先级比 width/height 高，受 box-sizing 影响决定占用主轴的空间。

取值

flex-basis: 10em;
flex-basis: 3px;

flex-basis: 10%;

flex-basis: auto;

1
2
3
4
5
6

auto 默认值。 参照自身的width和height属性。
<length> 绝对尺寸大小。
<percentage> 相对于父元素尺寸的百分比。

标准化语法

auto | <length> | <percentage>

1

注意事项

此属性不具备继承关系。