Skip to content
On this page

伸缩盒

介绍

TIP

伸缩盒的概念有点像是栅格, 它主要是用于让其内部的盒子有序布局。 在不使用伸缩盒子时候很难让内部盒子实现两端对齐或者居中等特殊布局。

认识伸缩盒

'认识伸缩盒'

伸缩盒的属性配置

主轴对齐方式:

与栅格布局概念一样。 =>flex 的主轴对齐方式

交叉轴对齐方式:

与栅格布局概念一样。 =>flex 的主轴对齐方式

间距

两个子盒子的间距单位 px 默认 0。