CSS垂直居中
本文讨论的垂直居中仅支持IE8+ 1、使用绝对定位垂直居中 绝对对位原理：元素在过度受限情况下，将margin设置为auto，浏览器会重算margin的值，过度受限指的是同时设置top/bottom与height或者left/right与width。 <div class="container"> <div class="center absolute_center"> 生活不能等待别人来安排，要自已去争取和奋斗；<br> 而不论其结果是喜是悲，但可以慰藉的是，你总不枉在这世界上活了一场。<br> 有了这样的认识，你就会珍重生活，而不会玩世不恭；同时，也会给人自身注入一种强大的内在力量。 </div> </div> .absolute_center{ position:absolute; width:200px; height:200px; top:0; bottom:0; left:0; right:0; margin:auto; background:#518fca; resize:both;/*用于设置了所有除overflow为visible的元素*/ overflow:auto; } 使用绝对定位要求元素必须设置明确高度