css点的垂直居中

在使用CSS设计网页布局时，经常需要实现元素的垂直居中。今天我们来分享一些CSS点的垂直居中的方法。

代码示例：
.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}
.child {
  width: 100px;
  height: 100px;
}
 

方法一：使用Flex布局

代码解释：
采用Flex布局的父元素，设置align-items和justify-content属性为center，可以实现子元素的水平和垂直居中。 

方法二：使用绝对定位和负边距

代码解释：
子元素设置绝对定位，左右方向使用0来实现水平居中，top和bottom使用负边距来实现垂直居中。 

方法三：使用表格和单元格

代码解释：
将父元素设置为表格，子元素设置为单元格，使用垂直和水平居中的text-align和vertical-align属性来实现居中效果。 

以上是CSS垂直居中的三种方法，可以根据实际情况灵活运用。