html——置换元素和非置换元素

本文解析了HTML中的行内元素与块级元素的区别,并引入了置换元素的概念,澄清了一些常见的误解,如img元素是否能设置宽高的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

刚刚接触html的伙伴们听这两个名字就很懵

很简单,先来一个问题。什么是行内元素?什么是块级元素?

一般我们都会答:行内元素不能设置宽高,不会新起一行,行内元素只能包含数据或者行内元素,不能设置上下margin等等。块级元素当然,能够新起一行,能够设置宽高,margin,并且可以包含块级元素,行内元素和数据。

好的,没问题,那么再问:

    img是行内元素吗?马上回答,是的。

    那么img能够设置宽高吗?有点基础的都会说可以吧,但是等等,上面说过什么了,行内元素不是不能设置宽高吗???

所以选择闭嘴了...

其实这里就牵扯到置换元素和非置换元素。

置换元素官方w3c解释:

“An elementthat is outside the scope of the CSS formatter, such as an image,embedded document, or applet”

其实这里就牵扯到置换元素和非置换元素。翻译过来就是说,一个元素,默认有css格式化外表范围的元素。其实是拥有内在尺寸,这些元素性质同行内元素设置了inline-block一样。

置换元素有: img select input textarea label button 

非置换元素呢,当然不是置换元素就是非置换元素了...

参考: 

    徐涛的博客: http://blog.sina.com.cn/s/blog_4c81e6230101e29u.html

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值