<!doctype html>
这里利用了定位居中
子元素p设置position：absolute脱离文档流,默认以html作为父元素，所以我们给父元素div设置position:relative;使得p以div为父元素做位置的变动，left:0;tight:0;top:0;bottom:0;（只有设置了定位的元素才可以使用这种方式来移动），最后margin:auto;就会水平和垂直都居中。
[](()css居中方式3
<!doctype html>
这里利用了弹性盒居中
父元素div设置成弹性盒样式，justify-content:center;主轴居中
align-items:center;垂直居中（而且这两个只能设置在父元素上，弹性盒知识）
[](()css居中方式4
<!doctype html>
< 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 title>五大居中4
利用定位线左上角居中，然后左移子元素宽度的一半，再上移子元素高度的一半。
[](()css居中方式5
<!doctype html>
7575
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
