解決img在div中居中的問題
發(fā)布時間:2016-09-26 11:01:19 作者:佚名
我要評論

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