3、单行文字垂直居中的代码

单行文字垂直居中的代码

解决方案:
让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中。

1570870387089.png

  <style>
    .vertical-center{
         width:200px;
         height:200px;
         line-height:200px; 
   }
 </style>
   <div class="vertical-center">  
        test
   </dvi>