居中总结

行盒水平居中：给其父元素设置text-align：“center”

 

常规流块盒水平居中：定宽高，margin: 0 auto;（上下margin无所谓，左右marign为auto就行）

 

绝对定位元素的水平居中：定宽高，设置左右为零（left right）margin: 0 auto;（上下margin无所谓，左右marign为auto就行）

实际上固定定位是绝对定位的一种特殊情况

 

垂直居中：

单行文本垂直居中：设置行高为包含块的高度：

行块盒内或者块盒多行文本垂直居中：（没有完美方案，可以使用绝对定位的垂直居中）可以设置上下padding达到类似垂直居中的效果

 

绝对定位元素垂直居中：定宽高，设置上下为零（top bottom）margin: auto 0;（左右margin无所谓，上下marign为auto就行）

实际上固定定位是绝对定位的一种特殊情况