img当作行内块使用,是特殊的存在,其拥有行内块元素的特点。
默认情况下img元素的display属性值为inline。
内联元素元素的特点之一就是不可一直接添加高宽,大小是由内容撑开的。
那么内联元素img为什么能直接添加大小呢?
关于img元素为何能直接添加大小的问题我们要从另一个角度对标签进行分类。
分为:
置换元素和非置换元素
非置换元素:不是置换元素的元素都是非置换元素
置换元素:依赖标签的属性或者元素自身类型来决定当前元素在页面中的显示状态。
典型的置换元素:img、input
置换元素在页面显示过程中生成了一个框架,而这个框架是能添加大小的。
所以作为置换元素的img也能直接添加大小。