css 文字居上中下显示

1. <div class="fath">

    <span class="son">文字</span>

</div>

.fath{

position:reactive;

height:40px;  //垂直居中

line-height:40px; //垂直居中

}

.son{

display:block;

position:absolute;

bottom:0px;//居下

top: 0px;//居上

}