婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 用css實現圖片垂直居中的使用技巧

用css實現圖片垂直居中的使用技巧
熱門標簽：沈陽400電話辦理多少錢 蘇州做電話機器人 南山電話機器人 地圖標注微信好友 ai電話機器人效果差 快速更改地圖標注點標 隨州外呼系統廠家 南昌電話機器人系統 地圖標注樓盤
題目的難點在于兩點： 

垂直居中；  
圖片是個置換元素，有些特殊的特性。  
至于如何解決，下面是一個權衡的相對結構干凈，CSS簡單的解決方法： 

.box {  
 /*非IE的主流瀏覽器識別的垂直居中的方法*/  
 display: table-cell;  
 vertical-align:middle;  

 /*設置水平居中*/  
 text-align:center;  

 /* 針對IE的Hack */  
 *display: block;  
 *font-size: 175px;/*約為高度的0.873，200*0.873 約為175*/  
 *font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/  

 width:200px;  
 height:200px;  
 border: 1px solid #eee;  
}  
.box img {  
 /*設置圖片垂直居中*/  
 vertical-align:middle;  
}  

div class="box">  
 img src="https://www.jb51.net/images/logo.gif" />  
/div> 

當然還有其他的解決方法，在此不深究， 
您可能感興趣的文章:
  • 微信小程序 css使用技巧總結
  • 手機開發必備技巧：javascript及CSS功能代碼分享
  • css代碼優化的12個技巧
  • 幾個常用經典的css技巧
  • 不錯的整理的24則css技巧
  • 使css兼容IE8的小技巧
  • CSS頂級技巧大放送，div+css布局必知
  • div+css頁面布局的五個小技巧
  • 詳解CSS開發過程中的20個快速提升技巧

標簽：石家莊 玉樹 大同 濰坊 深圳 昭通 商洛 濰坊

巨人網絡通訊聲明：本文標題《用css實現圖片垂直居中的使用技巧》，本文關鍵詞  用,css,實現,圖片,垂直,居,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《用css實現圖片垂直居中的使用技巧》相關的同類信息！
  • 本頁收集關于用css實現圖片垂直居中的使用技巧的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 安福县| 寿光市| 榆树市| 博湖县| 龙门县| 确山县| 高碑店市| 尉犁县| 咸宁市| 建瓯市| 承德县| 宝坻区| 亚东县| 荃湾区| 平舆县| 桐乡市| 洛宁县| 皮山县| 宝丰县| 衢州市| 富锦市| 合肥市| 安化县| 成都市| 安溪县| 景德镇市| 乌兰察布市| 工布江达县| 申扎县| 三亚市| 新巴尔虎左旗| 汨罗市| 德阳市| 大英县| 青阳县| 贞丰县| 通榆县| 龙岩市| 五寨县| 五大连池市| 汉源县|