CSS盒子模型

本文探讨了CSS中margin及padding属性对不同类型的行内元素(包括替换与非替换元素)的影响。具体分析了margin-top、margin-bottom、padding-top与padding-bottom在行内元素上的表现,并总结了它们对元素高度及大小的作用。

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

2.margin-top和margin-bottom对于行内(内敛inline)元素效果一样么?

     针对于行内元素是否有效,要区别于行内替换元素和行内非替换元素,

      html中的img , input , textarea , select , object都是替换元素。这些元素没有实际的内容,即是个空元素。

margin  padding 对行内替换元素行内替换元素设置可能会使行高增加或减少,左右也有效。

margin  padding对行内非替换元素上下边距无效,左右边距有效。

3.padding-top和padding-bottom对于inline元素都会增加元素本身的大小么?

padding-top和padding-bottom会增加行内替换元素的本身的大小

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值