<p>下面是最全面的解决方案，我可以建立垂直和水平居中固定宽度，高度灵活的内容框。测试环境是火狐，chrom，opear，和Safari浏览器，和微软IE6+的版本。最重要的部分：</p><p>.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浏览器和旧的，用一个单独的样式表与这些变化：.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>}本文由免费劳务派遣系统软件系统起航劳务派遣系统原创，转载请注明出处。</p>
