<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta content="IE=8" http-equiv="X-UA-Compatible"/> <title> CSS垂直居中</title> <style type="text/css"> .container{ width:500px;/*装饰*/height:500px; background:#B9D6FF; border: 1px solid #CCC; } </style> </head> <body> <h1>垂直居中（table）</h1> <div class=container><table width="100%" height="100%"><tr><td valign="middle"><img src="/cnblogs_com/rubylouvre/205314/r_iebug.jpg" /></td></tr></table> </div></body> </html>
好了，我们看其CSS实现。凡是table能做到的，CSS都能做的，但各浏览器在CSS的差异比较大，因此要兼容它们难度很大。这涉及许多细节，各种流啊，display的表现效果与CSS hack，IE早些年搞了大堆的私有属性，这也有待
