使用translate实现垂直居中

.parent{width:100px;高度：80px；/*父元素需要设置为position:relative/absolute/fixed;*/position:relative;背景：#eee；}.children{背景：绿色；/*子元素的宽高可以是具体值，百分比，也可以是auto*/width:50px;高度：50px；位置：绝对；顶部：50%；左：50%；变换：翻译（-50%，-50%）；}