设置为弹性布局：
display: flex;
搭配以下属性和值，实现完美布局
-
flex-direction：属性决定主轴的方向
值：
row：横排，从左到右。 （默认值）row-reverse：横排，从右到左。column：竖排，从上到下。column-reverse：竖排。从下到上。
值：
值：
-
flex-start：左对齐**（默认值）**
-
flex-end：右对齐
-
center：居中
-
space-between：两端对齐，项目之间的间隔都相等。
-
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。
值：
-
stretch： -
flex-start：上对齐
-
flex-end：下对齐
-
center：中心对齐
-
baseline：基线对齐
值：
-
stretch：拉伸 -
flex-start：start侧开始，上对齐 -
flex-end：end侧开始，下对齐 -
center：中心对齐 -
space-between：上下没有间距，中间各子元素间距相同 -
space-around：上下间距之和等于中间各个间距
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
