css 垂直居中的实现方法
作者：袖梨
2022-06-25
利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明：
| 代码如下 | 复制代码 |
| * 代码实现： * 设定宽度和高度，父节点为 position:relative; CSS是这样写的: */ .selector { position:absolute;top:50%;。 margin-top:-元素自身高度的一半; } |
|
实例
| 代码如下 | 复制代码 |
|
垂直居中
|
|
