[問題] 為什麼 img 不吃 margin:0 auto;

看板Web_Design作者 (全新開始)時間7年前 (2018/04/12 17:05), 7年前編輯推噓1(101)
留言2則, 2人參與, 7年前最新討論串1/1
午安 想請教有關 html img 標籤的問題。 今天在練習排版時,因為覺得 img 是跟 div 一樣會佔用一整列的元素,所以就按照習慣 用 margin:0 auto; 的設定把 img 置於整列的中間,結果才發現竟然沒效果… https://jsfiddle.net/zbsb4ry8/8/ 想請問為什麼 img 會這樣表現呢? 我猜是跟某些我不清楚瀏覽器塗層規則有關? 謝謝大家解惑囉~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.168.71.77 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1523523903.A.03A.html

04/12 17:32, 7年前 , 1F
因為img預設不是塊級元素 加上display:block就有了
04/12 17:32, 1F
謝謝! 太好了 T.T ※ 編輯: dream1124 (118.168.71.77), 04/12/2018 17:33:18

04/17 09:58, 7年前 , 2F
父層 text.aline: cent;
04/17 09:58, 2F
文章代碼(AID): #1Qpo4_0w (Web_Design)
文章代碼(AID): #1Qpo4_0w (Web_Design)