CSS在固定宽高的div内实现垂直居中的实例详解

需求案例 案例是这样的，一个外层div,高宽是固定的，但是里面内容不是固定的。很多朋友的做法是头部加一个padding或者margin，这样，里面内容显得貌似是居中了，但是假如内容变化，这样头部的固定padding或者margin，始终不变。造成了垂直方向不会居中！ 我们知道，假如下面一个div CSS Code复制内容到剪贴板 <div u00a0class=outer><div u00a0class=inner>haorooms内部内容</div></div>   样式是这样的 CSS Code复制内容到剪贴板 .outer{text-align:center;vertical-ali