弹性容器
在父元素的 display
属性上使用 flex
或 inline-flex
值可定义弹性盒布局。此元素由此变为弹性容器(flex container),其任意子元素变为弹性元素(flex item)。
flex
值导致元素变为块级弹性容器,而 inline-flex
为行级弹性容器。这些值为元素创建了与区块格式化上下文相似的弹性格式化上下文(flex formatting context),浮动体将不会侵入容器,且容器的外边距将不会与元素的外边距发生折叠。
参见
属性参考
拓展阅读
- CSS 弹性盒指南:弹性盒的基本概念
- CSS 弹性盒指南:在弹性容器中对齐元素
- CSS 弹性盒指南:掌握弹性元素的折行