美文网首页
HTML行内元素的padding和margin是否无效

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

作者: agamgn | 来源:发表于2019-12-31 10:28 被阅读0次
    结论
    • 行内元素的paddingmargin在垂直方向的属性设置是无效的
    • 行内元素的paddingmargin在水平方向的属性设置是有效的
    • 行内元素的padding在垂直方向从显示的效果上是增加的,但其实设置的是无效的。并不会对他周围的元素产生任何影响。
    • 高度height和宽度width的设置是无效的,高度可用line-height设置


      padding.png

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

    参考地址

    相关文章

      网友评论

          本文标题:HTML行内元素的padding和margin是否无效

          本文链接:https://www.haomeiwen.com/subject/raxvoctx.html