## 行元素 **单行的行内元素垂直居中:** 只需要设置单行行内元素的"行高等于盒子的高"即可； **多行的行内元素垂直居中:** 使用给父元素设置**display:table-cell;****和****vertical-align: middle;**属即可； ## 块级元素 **块级元素垂直居中方法一：使用定位** 首先设置父元素为相对定位，再设置子元素为绝对定位，设置子元素的**top: 50%**，即让子元素的左上角垂直居中； **定高度：**设置绝对子元素的**margin-top: -元素高度的一半px;**或者设置**transform: translateY(-50%);** **不定高度：**利用css3新增属性**transform: translateY(-50%);** **块级元素垂直居中****方法二：使用flexbox布局实现（高度定不定都可以）** 使用flexbox布局，只需要给待处理的块状元素的父元素添加属性**display: flex; align-items: center;**