本教程将介绍实现对象水平垂直居中
工具/原料
PhpStorm 2019.3.1 x64
方法/步骤
1
新建一个 Center.html 文件，如图所示
2
输入 作用：使用html5的标准，如图所示：
3
输入网页结构的头部和主体，设置title为：实现对象水平垂直居中，如图所示：
4
定义一个400x400px的正方形，背景色为：red，如图所示：
5
添加定位属性position，设置其left和top位置，使其水平垂直居中，如图所示：
6
运行网页，可以看到对象(正方形)已经水平垂直居中，如图所示：
上一篇：CSS文字垂直居中