元素及文本的水平居中/垂直居中/绝对居中总结

一.层的横向居中 复制代码代码如下: &lt;style&gt; #div1{width:600px;height:600px;} #div2{width:400px;height:200px;} &lt;/style&gt; <divid> <divid>div2</div> </div> 要让div2在div1中横向居中，解决办法如下： 1.IE中，设置div1的样式：text-align:center;该方法在IE8以上版本和firefox中仅适用于行内元素居中（display:inline;和display:inline-block;及类似效果的元素以及文本，如inputim