目录

css 使元素居中

1. relative 元素水平居中

居中的首要条件就是指定宽度。使用以下 css:

margin: 0, auto;

2. relative 元素绝对居中

待补充。

3. absolute 元素绝对居中

* 方案一:

absolutea 元素一般都会指定了宽高,使用以下 css 可以绝对居中:

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;

* 方案二:

据说此方案在某些情况下会有bug,尽量少用。

position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);