CSS水平垂直居中

有一个 div#wrapper 元素，高、宽度都未知。它其中有一个宽高都为 100px 的 div#box 元素，请你完成 CSS，使得 div#box 在 div#wrapper 内水平、垂直方向居中。

常规答案

See the Pen
水平垂直居中 by whjin (@whjin)
on CodePen.

方法一

See the Pen
水平垂直居中1 by whjin (@whjin)
on CodePen.

方法二

See the Pen
水平垂直居中2 by whjin (@whjin)
on CodePen.

方法三

See the Pen
水平垂直居中3 by whjin (@whjin)
on CodePen.