行内元素上下margin无效????

Question

这个问题让我很纠结.
行内元素不能上下margin值是没有视觉效果的, 为什么我给img 一个上margin值他会有效果. 不是说img,video,audio 是行内元素吗?
这个是什么原因??

Answer 1

img是替换内联元素，CSS 在某些情况下会对可替换元素做一些特殊处理，比如计算外边距（margin）和一些 auto 的具体值。