CSS img标签为什么能设置宽度

F12查看标签img的display属性默认值inline。

img


问题:按基本规则,display:inline的元素不能设置宽高,为什么图片能设置宽高?

答:img本身是比较奇葩的标签,属于可替换元素

典型的可替换元素包括:img、iframe、video、embed。

…只能总之...

可替换元素可以设置宽高,可以认为本质上属于display:inline-block。