3. Q_ 对内联元素设置_padding_top_和_padding_bottom_是否会增加它的

发布时间 2023-07-09 15:54:18作者: 虎虎生威啊
  1. Q: 对内联元素设置padding-toppadding-bottom是否会增加它的高度?(原题是Does setting padding-top and padding-bottom on an inline element add to its dimensions?)

    A: 答案是不会。同上题比较纠结,不太明白这里的 dimensions指的是到底是什么意思?放置一边,咱们来分析下。对于行内元素,设置左右内边距,左右内边距将是可见的。而设置上下内边距,设置背景颜色后可以看见内边距区域有增加,对于行内非替换元素,不会影响其行高,不会撑开父元素。而对于替换元素,则撑开了父元素。看下demo,更好的理解下:

    http://codepen.io/paddingme/pen/CnFpa