想要天天向上,就要懂得享受学习。图老师为大家推荐CSS实现DIV内容垂直及水平居中,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!
【 tulaoshi.com - Web开发 】
因为垂直居中的主要问题出在IE系列上,因此用到了IE的条件注释、IE8的兼容视图,还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题,IE5.5,IE6,IE7,IE8,Firefox,Chrome,Safari,Opera 测试通过,逸品天空Web开发代码站 http://code.dlstu.cn/。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)核心代码:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/) 程序代码
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
style type="text/css"
#container {width:750px; height:600px; background:#f8f8f8; border:5px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
/style
!--[if IE]
style type="text/css"
#fixie{width:0;height:100%;display:inline-block;vertical-align:middle;}
#fixiecontainer {text-align:center; width:100%; display:inline-block; vertical-align:middle;}
/style
![endif]--
来源:http://www.tulaoshi.com/n/20160219/1616008.html
看过《CSS实现DIV内容垂直及水平居中》的人还看了以下文章 更多>>