圖標與文字垂直居中顯示

一、主要利用在父元素上設置display:-webkit-box;

    和在子元素上設置相同的line-height；

　　html代碼：　

　　<div id="box">
　　　　<div class="icon_download"></div>       //圖標
　　　　<div class="wrap">蝸居中了</div>
　　</div>

　　css樣式　

　　#box{
　　　　display:box;
　　　　display:-webkit-box;
　　}　　

　　#box div{
　　　　line-height:80px;
　　}
　　#box .icon_download{
　　　　font-size:12px;
　　}
　　#box .wrap{
　　　　font-size: 24px;
　　}

2:用一個div 將須要垂直居中的元素包裹起來，將子元素所有設置：display:inline-block和vartical-align:middle;

  注意：所有的子元素都要用標籤包裹，文字也要用標籤包裹

  HTML代碼

　　<div id="box1">
　　　　<div class="icon_time"></div>
　　　　<div class="wrap">蝸居中了</div>
　　</div>

 css樣式

　　#box1 *{ 　　　　display:inline-block; 　　　　vertical-align: middle; 　　}