divcss浏览器:DIV内容垂直的代码,兼容各种浏览器来源: 发布时间:星期四, 2009年2月12日 浏览:160次 评论:0
网上  般垂直居中 代码都是要设置line-height,可是很多时候,我们是不知容器高度.来看下下面代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style> #div1 {text-align:center;width:400px;height:300px;border:solid 1px red; } #div2 { vertical-align: middle;width:0px; height:100%;display:inline-block; } </style> </head> <body> <div id="div1"> <span id="div2"></span> <img src="ico_loading.g  "> 正在加载数据... </div> </body> </html> 其原理就是利用span display将容器撑到100%.这样后面内容就会垂直居中.FF3,IE7,chrome下测试通过.
0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
