css使用flex设置居中

2024-10-14 12:40:42

1、html语法,进行盒子布局。

css使用flex设置居中

2、用css对盒子,进行基本样式设置,宽( width: 66px;),高(height: 400px;),颜色(background: #cecece;)。

css使用flex设置居中

3、弹性布局display: flex; 垂直属性:justify-content: space-around;

css使用flex设置居中css使用flex设置居中

4、水平属性:align-items: center;

css使用flex设置居中

5、样式设置结果。

css使用flex设置居中
猜你喜欢