<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>网页教学网,这里是垂直居中文本—大众计算机学习网，域名www.dzwebs.net</p></div>
</body>
</html>
把以上代码保存为html文件，双击运行就可看到效果；
关键代码是：vertical-align:middle;
|
