首先将盒子模型设置为:display: flex;
设置盒子的justify-content属性为:
{
space-between;使盒子里的内容两端对齐,每个内容间距都相等
flex-start(默认值):左对齐
flex-end:右对齐
center: 居中
space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
}
如果盒子里的内容高度不一致,可以把盒子的align-items:属性设置为: center;使其居中
2023-11-21 22:59:09
首先将盒子模型设置为:display: flex;
设置盒子的justify-content属性为:
{
space-between;使盒子里的内容两端对齐,每个内容间距都相等
flex-start(默认值):左对齐
flex-end:右对齐
center: 居中
space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
}
如果盒子里的内容高度不一致,可以把盒子的align-items:属性设置为: center;使其居中
下一篇:精灵图