1.水平居中2.水平和垂直居中3.文本内容垂直居中1.水平居中要居中的元素A有一个width属性给元素A加上margin:0,汽车;（代码演示）ps：另外，margin:auto;和保证金：0自动；有同样的效果。要居中的元素B没有width属性。给B添加display:inline-block属性，在B外面包裹一层div并添加text-align:center;ps:text-align:center是让块内的元素（比如文本）居中。要居中的元素C是绝对定位的，即它的position是绝对的，margin:auto;顶部：0；左：0；右：0；底部：0；并且为C增加width和height属性，保证C的外层父元素位置：relative；ps：设置top、left、bottom、right属性为容器填充元素，并指定宽度本身，totalwidth(fixed)=width(fixed)+margin-left+margin-right；当margin设置为auto时，左右边距会被平分，元素自然会居中（并且水平和垂直居中）。二、水平垂直居中：要居中的元素C没有width属性和height属性。给C:flex的外层父元素添加显示；对齐项目：居中；证明内容：居中；属性（注意浏览器兼容性）或为C:auto添加边距；并保证C的外层父元素是display:flex;（注意浏览器兼容性）ps：flexBox的知识可以去阮一峰的博客文字内容垂直居中：父元素有width和height属性和text-align:center;同时给要居中的元素D加上line-height作为父元素的高度值ps：line-height垂直居中原则请移步all.byPanXiaoxian
