flex-basis和width

http://stackoverflow.com/questions/34352140/what-are-the-differences-between-flex-basis-and-width

主要区别是:

  • flex-basis只对flex的元素起作用。不是flex的元素直接无视,但是可以使用width/height。
  • flex-basis只能作用在主轴。比如说flex-direction:column(纵轴),flex-basis可以作用在纵轴,那么就需要width调整flex元素(s)的大小。
  • flex-basis对绝对定位的flex的元素无效。width和height就非常必要了。
  • 用了flex,可以把flex-grow,flex-shrink和flex-basis合成成一个声明,而width需要更多行代码。

另附:一些浏览器的不同行为
一个flex元素的默认属性
flex-shrink的表现,需要flex-shrink:0;
浏览器bugs

你可能感兴趣的:(flex-basis和width)