padding和margin对于不同模式元素效果

总结(我亲自试过的)

1.对于块级元素(如h1-h6,p,div,ol,ul,li)padding和margin肯定是有效的

2.对于行内元素(如a,strong,span,i,em)padding-left和padding-right和margin-left和margin-right是有效的,对于它的top和bottom我在网上看到说看起来是有效实际上还是无效的,总之呢,按照css规范,还是不要考虑行内元素的上下padding,实在要用就用display:block或者给它的父盒子加text-align:center

3.对于行内块元素(如img,td,input)padding和margin是有效的,但是注意哦:给图片等行内块设置margin:0 auto是无法实现水平居中的,实在要用呢就和上面的行内元素一样啦

ps:加了绝对或者固定定位的盒子脱标了,也是不能用margin:0 auto实现水平居中的,要用

left:50%;
transform:translate(-50%,-50%);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值