Flex布局

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

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

{

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

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

}

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