css 给inline和inline-block元素设置margin和padding

  经过简单的测试,行内元素或者行内块元素的maring-left,margin-right,padding-left,padding-right都是可以正常表现的,下面来看一下剩下的margin-top,margin-bottom,padding-top,padding-bottom。经过测试,margin-top和margin-bottom都没有作用。而设置padding-top以后,元素边框则会向上超出父元素,如下图所示,而不是像正常的块元素一样表现。

  

  而给行内元素加上padding-bottom后,显示效果如下:

  

  确实显示出了效果,但是只有效果,而不影响其他元素(因为下一行内的span元素占据了上一行中span元素的padding-bottom)

原文地址:https://www.cnblogs.com/mengqi-S/p/7678902.html