您当前位置：首页 > web前端 > htmlcss > Div vertical-align 不起作用解决办法

Div vertical-align 不起作用解决办法

来源：程序员人生发布时间：2014-04-15 04:34:56 阅读次数：3199次

div vertical-align不起作用解决办法
要加上line-height，并且加上

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

CSS代码：
#div-a{
height:60px;
line-height:60px;
}

XHTML代码：
<div id="div-a">
欢迎访问网！
</div>

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><title>学院 liehuo.net</title><style>#div-a{height:60px;background-color:#ccc;line-height:60px;}</style></head><body><div id="div-a">欢迎访问网！</div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 也谈《CEO们都应开始重视企业博客事宜》

下一篇 开发版：Momonga Linux 5 RC发布

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点