Daotin#Web#块元素水平垂直居中（完整版）1

# 块元素水平垂直居中（完整版） 内联元素（inline）和行内块元素（inline-block）的水平垂直居中很简单，设置line-height和text-align: center就可以了。 这里主要说块级元素（block）的水平垂直居中方式。 ## 水平居中 整体示例代码： ```html ``` ### 1、有固定的宽度 - 方法1：只需给需要居中的块级元素加`margin:0 auto`即可 - 方法2：absolute + 负margin > 原理：由于left偏移了父对象的50%宽度，所以需要利用margin反向�