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

时间:2014-11-12 14:24:24

标签: html css

我的浏览器显示<img>标记是内联标记。 Stack中的众多答案表示,span不接受高度属性,因为它是内联标记。 <img>如何做到这一点?为什么它不是内联块元素?

1 个答案:

答案 0 :(得分:23)

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

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

关于那个的一些文档:

有趣的事实(我猜):你不能覆盖(或简单地处理)内联替换的行为到&#34; normal&#34;使用CSS对这些元素进行内联行为(当它设置为内联块或块或任何你想要的时它起作用)。请参阅此示例:http://jsfiddle.net/s8apbbof/