CSS实现DIV内容垂直及水平居中

王朝学院·作者佚名  2009-07-04  
宽屏版  字体: |||超大  

因为垂直居中的主要问题出在IE系列上,因此用到了IE的条件注释、IE8的兼容视图,还算完美解决了目前所有的主流浏览器的CSS实现DIV内容垂直及水平居中问题,IE5.5,IE6,IE7,IE8,Firefox,Chrome,Safari,Opera 测试通过,逸品天空Web开发代码站http://code.dlstu.cn/

核心代码:

程序代码

<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]-->

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有