div的高度是100%，如果直接設置line-height:100%是無法實現元素內部的文字垂直居中的，這時如果要設置字體垂直居中的，有以下幾種方法：
1.可以給內部的元素固定寬高，然后配合position和margin-left，margin-top是自身的一半居中。如里面包裹字體的元素為span,設置span:width:20px;height:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;
2.還可以設置父級是display:table,position:absolute,子元素是display:tabel-cell；vertical-align: middle; text-align: center;
3.如果不需要支持的低版本的瀏覽器，則可以考慮彈性布局display: flex;align-items：center，比較好用。