无论屏幕大小如何，我都想在屏幕中央放置一个<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/。
随着现在越来越普遍地支持转换，您可以在不知道弹出窗口的宽度/高度的情况下执行此操作
.popup {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
简单！JSFiddle在这里：http : //jsfiddle.net/LgSZV/
更新：查看https://css-tricks.com/centering-css-complete-guide/有关 CSS 居中的相当详尽的指南。将它添加到这个答案中，因为它似乎吸引了很多眼球。
设置宽度和高度，你很好。
div {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 200px;
height: 200px;
}
如果您希望元素尺寸灵活（并且不关心旧版浏览器），请使用XwipeoutX的答案。
它适用于任何对象。即使您不知道尺寸：
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
现在，使用 HTML 5 和 CSS 3 更容易：
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body > div {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
</style>
</head>
<body>
<div>
<div>TODO write content</div>
</div>
</body>
</html>