大众计算机学习网

Dzwebs.Net

撰写电脑技术杂文十余年

让Div中的文字(文本)垂直居中显示(对齐)—简单代码即可实现

Admin | 2008-1-3 21:39:56 | 被阅次数 | 15133

温馨提示!

如果未能解决您的问题，请点击搜索；登陆可复制文章，点击登陆
<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;

该杂文来自： 网页制作杂文

上一篇：写给喜欢用Dreamweaver编写CSS的人的一些建议

下一篇：Dreamvaver操作小小技巧

猜你喜欢…


仅显示20篇文章

网站备案号：

网站备案号：滇ICP备11001339号-7

版权属性：

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式：

Email:dzwebs@126.com QQ：83539231 访问统计