img为啥可以设置宽高？

今天写作业 发现 img明明是行内元素 为什么可以设置宽高啊  我还以为是我记错了 img不是行内元素。

img确实是行内元素 但它也是置换元素 。

置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；

又例如根据<input>标签的type属性来决定是显示输入框，还是单选按钮等。

所以 img  input  select  textarea  button  label 等，他们被称为可置换元素（Replaced element）。

他们区别一般inline元素是：这些元素拥有内在尺寸 内置宽高 他们可以设置width/height属性。他们的性质同设置了display:inline-block

的元素一致。