Flex布局

首先将盒子模型设置为:display: flex;

设置盒子的justify-content属性为:

{

space-between;使盒子里的内容两端对齐,每个内容间距都相等

flex-start(默认值):左对齐
flex-end:右对齐
center: 居中
space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。

}

如果盒子里的内容高度不一致,可以把盒子的align-items:属性设置为: center;使其居中

 

上一篇:树形可拖拽排序配置组件


下一篇:精灵图