css 上下居中的广法

方法1

.text{
  text-align:center;
  font-size:0;
}
.text span{
  vertical-align:middle;
  display:inline-block;
  font-size:16px;
}
.text:after{
  content:'';
  width:0;
  height:100%;
  display:inline-block;
  vertical-align:middle;
}