css中flex-basis的使用

/* Specify <'width'> */

flex-basis: 10em;

flex-basis: 3px;

flex-basis: auto;

/* Intrinsic sizing keywords */

flex-basis: fill;

flex-basis: max-content;

flex-basis: min-content;

flex-basis: fit-content;

/* Automatically size based on the flex item’s content */

flex-basis: content;

/* Global values */

flex-basis: inherit;

flex-basis: initial;

flex-basis: unset;

.flex {

  flex-direction: column;

}

.flex > * {

  flex-basis: 30px;

}