flex-basis 与 width 的区别

in with 0 comment

flex-basis 与 width 的区别

概念

区别

总结

flex-basis 这个属性,前提是在 display: flex 的容器当中,主要起到的作用就是对项目的初始化大小进行 flex式 的定义,通过 flex-grow flex-shrink 进行放大缩小的弹性表现.

建议优先使用 flex 属性,flex属性是flex-grow, flex-shrinkflex-basis的简写,默认值为0 1 auto

.item {
  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}

该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。