1、置换元素
置换元素(Replaced Element):主要是指 img、input、textarea、select、video、audio等这类默认就有 CSS 格式化外表范围的元素。
置换元素的定义如下:
一个 内容 不受 CSS 视觉格式化模型控制,CSS 渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)的元素,被称之为置换元素。
2、非置换元素
一般来说, span
这种行内非置换元素设置宽高是没有意义的。除非修改 display: inline-block
。对于行内置换元素,是可以设置宽高的。比如常用的 img
标签自适应图片时,我们只需要定义一个宽或者高,剩下的就会自动帮我们计算。
非置换元素在w3c没有明确的规定,可以确认的是置换元素之外的就是非置换元素;