解決img在div中居中的問題
發(fā)布時間：2016-09-26 11:01:19 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄鉀Qimg在div中居中的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
Img是內(nèi)聯(lián)元素，要設置其margin屬性使其居中，就要將其轉換為塊元素display:block;然后利用margin:0 auto;實現(xiàn)圖片的水平居中；（有的設計師為圖片再加個div標簽，然后通過div標簽的margin實現(xiàn)居中）。
如果圖片在div中下的span屬性中，必須轉換成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垂直居中方法總結，包括多行文本垂直居中,單行文本垂直居中,子div垂直居中，感興趣的小伙伴們可以參考一下2016-07-04
- 本文給大家?guī)砹薈SS控制DIV層顯示和隱藏的方法，是前端學習必須要掌握的基礎知識，非常不錯，具有參考借鑒價值，感興趣的小伙伴一起學習吧2016-07-01
