多行文本未知高度垂直居中-

    
    


 

  

多行文本未知高度垂直居中-by 一丝多行文本未知高度垂直居中-by 一丝多行文本未知高度垂直居中-by 一丝

  

*{margin:0;padding:0;}

.box{
  height:200px;
  width:300px;
  background:pink;
  margin:30px auto;
}
.box:before{
  content: '我是那个备胎元素';
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 100%;
  background:lightblue;
}
.text{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;/* 保证文字垂直居中 */
}