CSS水平垂直居中

有一个 div#wrapper 元素,高、宽度都未知。它其中有一个宽高都为 100pxdiv#box 元素,请你完成 CSS,使得 div#boxdiv#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.