flex布局填坑

  • flex-item的float、clear和vertical-align属性将失效
  • flex-item即使为块级元素，也必须设置width或flex-basis
  • flex-item若未设置width/height，只设置了flex-basis，则其子元素设置width/height:100%无效
  • 当flexbox的总空间超出flex-items所占空间之和时，按照各个flex-item的 flex-grow 的值的比例来分配空间
  • 当flex-items所占空间之和超出flexbox的总空间时，按照各个flex-item的 flex-shrink * flex-basis 的值的比例来分配空间
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容