多语言展示
当前在线:1515今日阅读:195今日分享:14

css用弹性布局属性进行水平垂直居中?

本文介绍“css用弹性布局属性进行水平垂直居中”,下面是详细的操作教程。
工具/原料

css3

方法/步骤
1

html语法,进行盒子布局。

2

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

3

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

4

水平属性:align-items: center;

5

样式设置结果。

注意事项

如果对你有帮助,请投个票或者点个赞

推荐信息