弹性布局组件指的是用于对齐的弹性布局容器,就是使用的 flex 布局,是一种一维的布局模型,Flex 组件仅在 Ant Design 框架支持,Element Plus 并没有这个组件,本章内容我们将单独讨论这个组件。
属性
Antd | 说明 |
---|---|
vertical | flex 主轴的方向是否垂直,使用 flex-direction: column |
wrap | 设置元素单行显示还是多行显示 |
justify | 设置元素在主轴方向上的对齐方式 |
align | 设置元素在交叉轴方向上的对齐方式 |
flex | flex CSS 简写属性 |
gap | 设置网格之间的间隙 |
component | 自定义元素类型 |
小结
Flex 组件是 flex 弹性布局的一个子集,所有属性实现的功能都能通过 flex css 方式来实现,那么封装它的意义是什么呢?这个组件的应用场景又是什么呢?是什么情况下促使阿里团队把它单独封装成一个组件了呢?
参考链接:
发表回复