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

[dream1124 (全新開始)]

午安

想請教有關 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
推 Ayukawayen: 因為img預設不是塊級元素 加上display:block就有了
 謝謝! 太好了 T.T
※ 編輯: dream1124 (118.168.71.77), 04/12/2018 17:33:18
→ wainner: 父層 text.aline: cent;