CSS flex-basis 属性

flex-basis 属性用于设置或检索弹性盒伸缩基准值。。

注意：如果元素不是弹性盒对象的元素，则 flex-basis 属性不起作用。 //点击“尝试一下”按钮设置蓝色 div 元素的 flexBasis 属性的值为 "200px"。

#main { width: 350px; height: 100px; border: 1px solid #c3c3c3; display: flex; } #main div { flex-grow: 0; flex-shrink: 0; flex-basis: 40px; }

点击“尝试一下”按钮设置蓝色 div 元素的 flexBasis 属性的值为 "200px"。

尝试一下

注意：Internet Explorer 和 Safari 不支持 flexBasis 属性。