为什么<img>在内联元素时占用高度?

Nic*_*zol 21 html css

我的浏览器显示<img>标记是内联标记.Stack中的众多答案表示span不接受高度属性,因为它是内联标记.怎么<img>办?为什么它不是内联块元素?

eng*_*nws 23

<img>tag不是严格意义上的内联元素,而是内联替换元素.

简而言之,它意味着<img>(和其他元素,<video>或者,<object>如果你仍然使用它),具有内在的维度.因此CSS可以处理这些维度(以及其他属性,例如边距).因为<img>是内联标记,它被自己的源文件替换(嗯,它仍然是内联元素).

一些文件:

有趣的事实(我猜):你不能覆盖(或简单地处理)内联替换行为到那些带有CSS的元素的"正常"内联行为(当它设置为内联块或块或任何你想要的时它工作).看这个例子:http://jsfiddle.net/s8apbbof/