css在高度为百分比时候的文字垂直居中方法

 
 

  
  

   
   对于高度单位是px的div，想让文字垂直居中很简单，line-height=height就可以了，但是对于高度为百分比的div，如何让文字垂直居中呢？
方法一:给需要垂直居中的文字增加一个父元素,给父元素设置
display:table;
  
  
  
  

   
   

  
  
  
  

   
   给需要居中的子元素设置
vertical-align:middle;
display:table-cell;
  
  
  
  

   
   

  
  
  
  

   
   
方法二:给需要居中的元素加以下代码样式
display:flex;
justify-content:center;
align-items:center;
  
  
  
  

   
   
两种方法在不同场景都有一定程度的问题,需根据实际情况确定。