Css 元素居中

发表于： 分类于：
字数： 142 阅读：≈ 1分钟 浏览： 评论：

Css 元素居中

relative 元素水平居中

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

1

margin: 0, auto;

relative 元素绝对居中

待补充。

absolute 元素绝对居中

  • 方案一：

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

1
2
3
4
5
6

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
  • 方案二：

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

1
2
3
4

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