使用CSS把Div放在屏幕中间。

最新推荐文章于 2022-10-20 22:40:34 发布

Dogfish

最新推荐文章于 2022-10-20 22:40:34 发布

阅读量1.6w

点赞数

文章标签： CSS

本文链接：https://blog.csdn.net/dogfish/article/details/11825479

版权

简单实录一下代码。看看各位是否有用。

<html>
<head>
	<script type="text/javascript" src="/js/jquery-1.6.min.js"></script>
	<style type="text/css">
		body, form{padding:0px; margin:0px;}
		body{overflow:hidden;}
		#divMain{width:100%; height:100%; border:1px solid black; background-color:#ffffff; overflow:auto;}
		#divMessage{background-color:#ffffcc; border:2px inset; position:absolute; left:50%; top:50%; height:300px; width:400px; margin:0px; margin-top:-170px; margin-left:-200px; padding:0px;}
		#divMessage table{width:100%; height:100%; margin:0px; padding:0px;}
		#divMessage table td{padding:2px;}
	</style>
</head>
<body>
<div id="divMain">
</div>
<div id="divMessage">
<table cellpadding="0" cellspacing="0"><tr><td bgcolor="#D4D0C8" style="padding:0px; margin:0px;"><div style="border:2px outset; height:100%; width:100%; padding:3px;"><b>Title</b></div></td></tr>
<tr>
	<td height="100%"></td>
</tr>
</table>
</div>
</body>
</html>