Question

怎么让一个不知道固定大小的DIV在浏览器窗口上下左右都居中显示

尽用css实现

Answer 1

纯css不好解决吧。。。每个显示器的高度不一样。所以所在的位置也不一样。。CSS没有垂直居中一说。所以。。。JS获取屏幕高度，然后设置绝对位置吧

追问

你能帮我写下代码吗 JS怎么获得屏幕尺寸

追答

用jquery吧，比较简单
$(window).resize(function(){
$(".mydiv").css({
position: "absolute",
left: ($(window).width() - $(".mydiv").outerWidth())/2,
top: ($(window).height() - $(".mydiv").outerHeight())/2
});
});

然后在页面加载时

$(function(){
$(window).resize();
});

追问

因为要在移动平台上实现，用jquery mobile可以实现吗

追答

这个。。。你问下度娘呗。。

个人感觉jquery mobile应该有更简单的实现方式

Answer 2

<table width="100%" height="500px">
<tr>
<td align="center" valign="middle">
<div style="border:solid #039 3px; width:60px; height:50px;"></div>
</td>
</tr>
</table>
因为高度是没办法自动伸展的。所以你高度必须用js给它赋值。也就是用js给表格设置高度就好了

Answer 3

.div01{margin:0 auto;
text-align:center;}
这是CSS样式
<div class="div01">内容</div>

追问

这样只是水平居中，