您的位置:首页 > 其它

让div中的文字居中显示

2008-03-29 16:13 204 查看
<html>
<head>
<title>test</title>
<style>
body{ TEXT-ALIGN: center; }
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
/* 说明:
vertical-align:middle;表示行内垂直居中,将行距增加到和整个DIV一样高line-height:200px;然后插入文字,就垂直居中了。
*/
}
</style>
</head>
<body>
<div id="center"><p>test middle</p></div>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: