Ant Design Element Plus 比较 – 布局组件之弹性布局(仅Antd)

弹性布局组件指的是用于对齐的弹性布局容器,就是使用的 flex 布局,是一种一维的布局模型,Flex 组件仅在 Ant Design 框架支持,Element Plus 并没有这个组件,本章内容我们将单独讨论这个组件。

属性

Antd说明
verticalflex 主轴的方向是否垂直,使用 flex-direction: column
wrap设置元素单行显示还是多行显示
justify设置元素在主轴方向上的对齐方式
align设置元素在交叉轴方向上的对齐方式
flexflex CSS 简写属性
gap设置网格之间的间隙
component自定义元素类型
弹性布局属性

小结

Flex 组件是 flex 弹性布局的一个子集,所有属性实现的功能都能通过 flex css 方式来实现,那么封装它的意义是什么呢?这个组件的应用场景又是什么呢?是什么情况下促使阿里团队把它单独封装成一个组件了呢?

参考链接:

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注