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