CSS

来自wrc's Wiki

Weirane（讨论 | 贡献）2021年4月30日 (五) 05:48的版本（建立内容为“== 在 <code>body</code> 中居中一个 <code>div</code> == <ref>[https://stackoverflow.com/a/12772084/10974106 How to vertically center a “div” element for…”的新页面）

(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

跳到导航跳到搜索

在 `body` 中居中一个 `div`

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
}
.container {
  height: 100%;
  width: 100%;
  display: table;
}
.main {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

<div class="container">
  <div class="main">
    Stuff
  </div>
</div>

参考资料

↑ How to vertically center a “div” element for all browsers using CSS?

取自“https://wiki.ruo-chen.wang/index.php?title=CSS&oldid=154”

Frontend