html中行内元素与块级元素

本文深入解析HTML中的块级元素和行内元素的区别,探讨它们的默认样式、如何通过CSS进行转换,以及float属性如何影响块级元素的布局。

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


html中的块级元素(p,h*,table,div,etc.)是在块级元素div的基础上预设了属性,前后隐含换行,如文字粗细、位置、上下外补白、内补白等;

html中的行内元素(a,b,u,i,img,etc.)是在行内元素span的基础上预设了属性,如文字粗细、颜色等。

如果不设置块级元素的宽高,宽默认是父容器的100%(撑满一行);高由内容决定,如果没有内容则为0。即便块级元素设定的宽小于父容器的宽,也会霸占父容器的一行。

在块级元素上设置float属性,可以消除块级元素霸占一行的现象,使多个块级元素在一行显示,此时如果不设置块级元素的宽,宽由内容决定,如果没有内容则为0

行内元素的宽高由内容决定,不可单独设置,也不可设置上下内外补白;

在行内元素上设置display: block之后,则可转化为块级元素(霸占父元素的一行);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值