3.块元素居中

三 块元素居中

子元素是块元素:

a.水平居中:子元素设置左右自动: margin: auto;

b.垂直居中:与多行内联文本处理方式一致:display:table-cell;vertical-align:middle

例子：

水平居中

与下方代码等效：

它的原理是左右挤

垂直居中

与多行内联文本处理方式一致，父元素：display:table-cell;vertical-align:middle