<p>问题：我想垂直居中一个div的CSS。我不想表或Javascript，但只有纯CSS。我发现了一些解决方案，但他们都缺少的InternetExplorer6的支持。</p><p><body></p><p><div>Divtobealignedvertically</div></p><p></body>下面是最全面的解决方案，我可以建立垂直和水平居中固定宽度，高度灵活的内容框。测试工作FF,Opera,Chrome,&Safari,浏览器，MSIE6+的版本。.outer{</p><p>display:table;</p><p>position:absolute;</p><p>height:100%;</p><p>width:100%;</p><p>}.middle{</p><p>display:table-cell;</p><p>vertical-align:middle;</p><p>}.inner{</p><p>margin-left:auto;</p><p>margin-right:auto;</p><p>width:;</p><p>}为了适应IE7浏览器和旧的，用一个单独的样式表与这些变化：</p><p>.outer{</p><p>display:inline-block;</p><p>top:0;</p><p>}.middle{</p><p>display:inline-block;</p><p>top:50%;</p><p>position:relative;</p><p>}.inner{</p><p>display:inline-block;</p><p>top:-50%;</p><p>position:relative;</p><p>}案例demo</p>
