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

 

什么是置换元素?

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

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

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

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

什么是非置换元素?

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

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

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

赞 (0)
分享到:更多 ()

发表评论 0