实例：css实现元素水平垂直居中常见的两种方式
作者：袖梨
2022-06-25
一、父元素的flex布局实现元素的水平垂直居中
示例代码如下：
| 代码如下 | 复制代码 |
|
| |
效果图如下：
二、绝对定位&负margin值实现元素水平垂直居中
注意：元素本身需要确定宽度和高度
示例代码如下：
| 代码如下 | 复制代码 |
效果图如下：
一、父元素的flex布局实现元素的水平垂直居中
示例代码如下：
| 代码如下 | 复制代码 |
|
| |
效果图如下：
二、绝对定位&负margin值实现元素水平垂直居中
注意：元素本身需要确定宽度和高度
示例代码如下：
| 代码如下 | 复制代码 |
效果图如下：
