                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

内联元素对padding 为什么有效果而且是正确的效果？

不是说内联元素不能设置边距的嘛？我看好多实例也是怎么做的直接设置内边距而且没有把内联元素转为内联块。。

qq_爱发呆的小汤圆_0

2016-04-15

源自：初识HTML(5)+CSS(3)-升级版 12-3

关注问题我要回答

1348

操作

收起

5 回答

西瓜西瓜哦
2016-07-13

可能是你用到了内联元素中的可替换元素来测试的,也叫置换元素,在w3c的标准中有解释,他们对padding和margin的设置均有效,另外的不可替换元素则对padding和margin没有垂直效果,比如padding-bottom并不存在,但是影响了border的样式.

0 回复有任何疑惑可以回复我~

收起回答

franzimoney
2016-06-14

我发现padding是可以用，而且上下左右都可以，但margin就只有左右没有上下了

1 回复有任何疑惑可以回复我~

收起回答

忆_卿
2016-04-19

估计是你看到的内联元素样式里加了 display:block;吧

0 回复有任何疑惑可以回复我~

收起回答

忆_卿
2016-04-19

div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；

与之相反，像“span”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。（内边距padding上下无效，左右有效。）

0 回复有任何疑惑可以回复我~

收起回答

莫思0

你给span 设置个边框，你会发现 padding上下也有效，不过在文档流里上下不占位置

2019-11-21 回复有任何疑惑可以回复我~