主要介绍了CSS在固定宽高的div内实现垂直居中的实例详解,即在div内部元素相对于div垂直居中的方法,需要的朋友可以参考下

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