CSS flex-basis

上一页 下一页

示例中展现不同的flex-basis属性值.

选择不同的值查看对应结果:

flex-basis: 50px;
flex-basis: 100px;
flex-basis: 200px;
flex-basis: auto;

Change the flex-basis property of the BLUE div:

red div
blue div
yellow div
pink div

Change the flex-basis property of the BLUE div:

red div
blue div
yellow div
pink div

Change the flex-basis property of the BLUE div:

red div
blue div
yellow div
pink div

Change the flex-basis property of the BLUE div:

red div
blue div
yellow div
pink div

要使用更多方法,请在编辑器中试一下: 亲自试一试 ❯