CSS设置DIV垂直居中的N种方法 兼容IE浏览器

　　　　　　<div id="inner" class="greenBorder">  

　　　　　　</div>  

　　　　</div>  

　　</div>  

</body>  

</html>    

以上CSS代码的优点是没有hacks，采用了IE不支持的CSS2选择器#value[id]。
 
CSS2选择器#value[id]相当于选择器#value，但是Internet Explorer不支持这种类型的选择器。同样地.value[class]，相当于.value,这些只有标准浏览器能读懂。
 
测试：Firefox1.5、Opera9.0、IE6.0、IE5.0通过。上面的代码不支持IE7，还需要在最下面加二句：

*+html #outer[id]{position: relative;}
*+html #middle[id]{position: absolute; }

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!