CSS实现垂直居中

情景一：单行文字垂直居中   1、line-height     原理是在于将单行文字的行高设定后，文字会位于行高的垂直中间位置 <div class="text-con">单行文字垂直居中</div>   <style> .text-con {     width: 200px;     height:  60px;     line-height: 60px;     color: #fff;

>>阅读原文<<