<del>茴字</del>元素居中有多少种写法

{% asset_img kongyiji.jpg %}

水平居中

水平居中: 行内元素

水平居中: 块级元素

垂直居中

首先, 垂直居中要求父节点有高度, 不然"居中"就没必要了.
其次, 要求居中的元素要比父节点小.

垂直居中: 行内元素

垂直居中: 块级元素

See the Pen centering multiple block element vertically by icymind (@icymind) on CodePen.

双向居中

See the Pen centering multiple block element vertically && horizontally by icymind (@icymind) on CodePen.

参考链接:

Absolute Centering in CSS