CSS 布局 - 水平 & 垂直对齐

CSS 布局 - 水平 & 垂直对齐

---

水平 & 垂直居中对齐

---

元素居中对齐

要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。

设置到元素的宽度将防止它溢出到容器的边缘。

元素通过指定宽度，并将两边的空外边距平均分配：

div 元素是居中的

实例

.center { margin: auto; width: 50%; border: 3px solid green; padding: 10px; }