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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容