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

主頁(yè) > 知識(shí)庫(kù) > 用css實(shí)現(xiàn)圖片垂直居中的使用技巧

用css實(shí)現(xiàn)圖片垂直居中的使用技巧
熱門標(biāo)簽：沈陽(yáng)400電話辦理多少錢 蘇州做電話機(jī)器人 南山電話機(jī)器人 地圖標(biāo)注微信好友 ai電話機(jī)器人效果差 快速更改地圖標(biāo)注點(diǎn)標(biāo) 隨州外呼系統(tǒng)廠家 南昌電話機(jī)器人系統(tǒng) 地圖標(biāo)注樓盤
題目的難點(diǎn)在于兩點(diǎn)： 

垂直居中；  
圖片是個(gè)置換元素，有些特殊的特性。  
至于如何解決，下面是一個(gè)權(quán)衡的相對(duì)結(jié)構(gòu)干凈，CSS簡(jiǎn)單的解決方法： 

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

 /*設(shè)置水平居中*/  
 text-align:center;  

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

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

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

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

標(biāo)簽：石家莊 玉樹(shù) 大同 濰坊 深圳 昭通 商洛 濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《用css實(shí)現(xiàn)圖片垂直居中的使用技巧》，本文關(guān)鍵詞  用,css,實(shí)現(xiàn),圖片,垂直,居,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《用css實(shí)現(xiàn)圖片垂直居中的使用技巧》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于用css實(shí)現(xiàn)圖片垂直居中的使用技巧的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    主站蜘蛛池模板： 莒南县| 吉水县| 哈尔滨市| 黎川县| 泗洪县| 孝义市| 故城县| 贡嘎县| 积石山| 克山县| 乌拉特后旗| 蒙自县| 城固县| 莎车县| 海南省| 乐至县| 宜君县| 西乌珠穆沁旗| 黄浦区| 革吉县| 普陀区| 徐汇区| 张家界市| 青海省| 阜南县| 乌恰县| 黄陵县| 铅山县| 宝山区| 西和县| 长治市| 格尔木市| 石景山区| 道真| 丹江口市| 德惠市| 清水河县| 晴隆县| 区。| 新巴尔虎左旗| 资阳市|