新人有问题向大家请教,如何让页面在加载登陆页时,登陆框一直居中显示? 高度已经是固定了的。。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 给框套个div margin:0 auto;与宽度有染,与高度无关 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">html * {margin:0;}html { height:100%;}body { height:100%;}#PageContaint{width:800px; border:1px solid #F00; height:400px; background-color:#FFFFFF; text-align:left;}</style></head><body bgcolor="#0E4980"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle"><div id="PageContaint"> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p> <p>1111111111 </p> <p align="right">222222222222222</p></div><!-- PageContaint结束 --></td></tr></table></body></html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">html * {margin:0; padding:0;}body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF;}/* 让内容垂直居中的控制样式在下面这一行 */#PageMain{width:1002px; height:602px; background-color:#0E4980; margin:0 auto; position:absolute; top:50%; left:50%; margin:-301px 0 0 -501px;}</style></head><body><!-- PageMain开始 --><div id="PageMain"></div><!-- PageMain结束 --></body></html>最简单,但是据说有兼容性问题,需要测试 <body style="text-align: center">固定了高度后的DIV垂直居中<div style="margin:0 auto;width:200px;"> <div style="height:200px;width:200px;border:2px solid #ddd; position: absolute;top:50%;margin-top: -100px;"> 外面的div已经水平居中<br/> 里面的div负责垂直居中<br/> 请调整窗口大小测试一下 </div></div></body> 不用js计算高度不行除非是支持 height:100%的浏览器 新浪微博帐号登录自己网站 jquery代码问题,请求助!谢谢! 如何将其拼接为10,A|11,B| ,如果只有10,A的话 就是10,A| 疯了,我又比以前菜了,一句话都搞不定了。。。 如何用Jquery 编写一个俄罗斯方块 程序 等待页面效果 JAVASCRIPT 怎么用JS分析出我要的这个字符串里的东东 实现视频的移动以及大小任意拖曳 firefox中到底要怎样绑定事件处理函数。请指教,内含一段可调试的小代码 请大家看看帮忙看看这个小问题 prototype 代码问题,求大师帮解 Jquery关闭页面事件
与宽度有染,与高度无关
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
html * {margin:0;}
html { height:100%;}
body { height:100%;}
#PageContaint{width:800px; border:1px solid #F00; height:400px; background-color:#FFFFFF; text-align:left;}</style>
</head><body bgcolor="#0E4980">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<div id="PageContaint">
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
<p>1111111111 </p>
<p align="right">222222222222222</p>
</div>
<!-- PageContaint结束 -->
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
html * {margin:0; padding:0;}
body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF;}
/* 让内容垂直居中的控制样式在下面这一行 */
#PageMain{width:1002px; height:602px; background-color:#0E4980; margin:0 auto; position:absolute; top:50%; left:50%; margin:-301px 0 0 -501px;}
</style>
</head><body>
<!-- PageMain开始 -->
<div id="PageMain">
</div>
<!-- PageMain结束 -->
</body>
</html>最简单,但是据说有兼容性问题,需要测试
固定了高度后的DIV垂直居中
<div style="margin:0 auto;width:200px;">
<div style="height:200px;width:200px;border:2px solid #ddd; position: absolute;top:50%;margin-top: -100px;">
外面的div已经水平居中<br/>
里面的div负责垂直居中<br/>
请调整窗口大小测试一下
</div>
</div>
</body>
除非是支持 height:100%的浏览器