我需要将 div 垂直和水平居中,并使其大小占整个页面的一定百分比(比如 80%)。
我可以用 vh 和 vw 单位来做到这一点(链接)
<style>
html, body
{
height: 100%;
width: 100%;
margin: 0;
}
body > div
{
position: absolute;
background-color: red;
top: 10vh;
left: 10vw;
width: 80vw;
height: 80vh;
}
</style>
<div></div>
...或旧表设计(链接)
<style>
html, body
{
margin: 0;
height: 100%;
}
#center
{
background-color: red;
}
</style>
<table height="100%" width="100%">
<tr height="10%"></tr>
<tr>
<td width="10%"></td>
<td id="center"></td>
<td width="10%"></td>
</tr>
<tr height="10%"></tr>
</table>
但我想支持一个 div 版本。任何人都可以提供任何帮助吗?