flex布局

flex-start(默认值):左对齐
flex-end:右对齐


center: 居中

例如:

align-items: center;     //垂直对齐
justify-content: center; //水平对齐
 

space-between:两端对齐,项目之间的间隔都相等。

例如:

justify-content:space-between; //水平对齐,且两端对齐,项目之间的间隔都相等


space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
space-evenly:项目是分布的,以便任何两个项目之间的间距(和边缘的空间)相等。

详见:Flex 布局语法教程 | 菜鸟教程 (runoob.com)

posted on 2022-02-15 21:24  千日千月  阅读(55)  评论(0编辑  收藏  举报

导航