“CSS”的版本间的差异
跳到导航
跳到搜索
在
（建立内容为“== 在 <code>body</code> 中居中一个 <code>div</code> == <ref>[https://stackoverflow.com/a/12772084/10974106 How to vertically center a “div” element for…”的新页面） |
|||
| 第10行： | 第10行： | ||
height: 100%; | height: 100%; | ||
margin: 0; | margin: 0; | ||
| + | padding: 0; | ||
} | } | ||
.container { | .container { | ||
2021年4月30日 (五) 06:52的版本
在 body 中居中一个 div
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 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>