我想定位一个<div> (或 <table> )屏幕中心的元素，无论屏幕大小如何。换句话说，“顶部”和“底部”留下的空间应该相等，“右侧”和“左侧”留下的空间应该相等。我想只用 CSS 来完成这个。
我尝试了以下方法，但它不起作用:
<body>
<div style="top:0px; border:1px solid red;">
<table border="1" align="center">
<tr height="100%">
<td height="100%" width="100%" valign="middle" align="center">
We are launching soon!
</td>
</tr>
</table>
</div>
</body>
注意:
如果 <div> 都可以元素(或 <table> )是否随网站滚动。只希望它在页面加载时居中。
最佳答案
简单的方法，如果你有固定的宽度和高度:
#divElement{
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
width: 100px;
height: 100px;
}
请不要使用内联样式!这是一个工作示例 http://jsfiddle.net/S5bKq/ .
关于javascript - 将 <div> 元素定位在屏幕中心，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9862167/