HTML行内元素的padding和margin是否无效

结论

• 行内元素的padding、margin在垂直方向的属性设置是无效的
• 行内元素的padding、margin在水平方向的属性设置是有效的
• 行内元素的padding在垂直方向从显示的效果上是增加的，但其实设置的是无效的。并不会对他周围的元素产生任何影响。

• 高度height和宽度width的设置是无效的，高度可用line-height设置

  
  padding.png

从上图可以看出，sapn标签的padding-top和padding-bottom在显示效果上是增加的，但是和上下两个div标签并没有间距，说明padding-top、padding-bottom设置是无效的，margin-top和margin-bottom也是无效的，
padding-left、padding-right、margin-left、margin-right都是有效的。

参考地址