有这样一个疑问，为什么img是行内元素，但是它还可以设置宽高？是因为img是典型的置换元素
置换元素：img , input , select ,textarea , label , Button
没有实际的内容，只是一个空元素 ，
1.置换元素的内容不受css约束，它拥有默认的宽度和高度，比如button在页面有默认的大小，input框有默认的大小。而span标签是没有这个属性的。
2.浏览器根据元素的标签和属性，来决定元素的具体显示内容，是可替换的元素
非置换元素
1.有内容，是不可改变的，里面显示什么内容，浏览器就渲染显示什么内容。
结语
以上是我个人对置换元素和非置换元素的理解，若有不对，还请大家指出来，抱拳了。
