关于HTML中的置换与非置换元素

什么是置换元素？

让我们来看下MDN上是怎么定义的：

CSS 中所谓的「置换元素 (Replaced element)」，即是该元素所呈现的内容不在 CSS 的控制范围之内。这类外部物件所呈现的内容均独立于 CSS 之外。

一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。

例如：img、input、textarea、select等都是置换元素。

什么是非置换元素？

浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。

例如：p、span、label等标签都是非置换元素。

欢迎分享本文，转载请保留出处：前端ABC » 关于HTML中的置换与非置换元素