解決img在div中居中的問題
發(fā)布時(shí)間：2016-09-26 11:01:19 作者：佚名 
我要評(píng)論
我要評(píng)論下面小編就為大家?guī)?lái)一篇解決img在div中居中的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
Img是內(nèi)聯(lián)元素，要設(shè)置其margin屬性使其居中，就要將其轉(zhuǎn)換為塊元素display:block;然后利用margin:0 auto;實(shí)現(xiàn)圖片的水平居中；（有的設(shè)計(jì)師為圖片再加個(gè)div標(biāo)簽，然后通過(guò)div標(biāo)簽的margin實(shí)現(xiàn)居中）。
如果圖片在div中下的span屬性中，必須轉(zhuǎn)換成display：block；然后padding-top:10px。
以上就是小編為大家?guī)?lái)的解決img在div中居中的問題的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~
相關(guān)文章
- 下面小編就為大家?guī)?lái)一篇關(guān)于div中img,span垂直居中的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-26
html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼
這是一款html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼，共有4種不同的圖片放大預(yù)覽模式可供用戶選擇使用?？煞謩e針對(duì)鼠標(biāo)滑過(guò)、拖拽、點(diǎn)擊等進(jìn)行圖片放大顯示2016-09-21- 本文給大家?guī)?lái)一段代碼基于div+css實(shí)現(xiàn)三角形提示框，代碼簡(jiǎn)單易懂，需要的朋友可以參考下2016-09-20
- 這篇文章給大家介紹了div被iframe遮住的一些情況，以及被遮住后的解決辦法，有需要的朋友們可以參考借鑒。2016-09-07
- 本文給大家?guī)?lái)一段核心代碼關(guān)于div點(diǎn)擊折疊效果，代碼簡(jiǎn)單易懂，有需要的朋友可以參考下2016-08-31
- 在頁(yè)面底部浮動(dòng)功能是如何實(shí)現(xiàn)的呢？下面小編給大家?guī)?lái)div始終浮動(dòng)在頁(yè)面底部的關(guān)鍵代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-08-30
設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)
下面小編就為大家?guī)?lái)一篇設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-25CSS設(shè)置DIV垂直居中的N種方法 兼容IE瀏覽器
這篇文章主要為大家詳細(xì)介紹了兼容IE瀏覽器CSS設(shè)置DIV垂直居中的N種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-05- 這篇文章主要介紹了CSS文本和div垂直居中方法總結(jié)，包括多行文本垂直居中,單行文本垂直居中,子div垂直居中，感興趣的小伙伴們可以參考一下2016-07-04
CSS控制DIV層顯示和隱藏的實(shí)現(xiàn)方法
本文給大家?guī)?lái)了CSS控制DIV層顯示和隱藏的方法，是前端學(xué)習(xí)必須要掌握的基礎(chǔ)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的小伙伴一起學(xué)習(xí)吧2016-07-01
