首页 > 非替换inline元素设置上下内边距的意义?

非替换inline元素设置上下内边距的意义?

在看bootstrap文档的时候,发现它对有些inline元素设置上下内边距,例如code标签

它的padding就是这么设置的

这个上下内边距设置的意义何在?


一个inline上下内边距对行内非替换元素不影响其所在行框的高度,可以看到的视觉效果(设置一个背景)是能将code部分的文本在折行的时候可将正常行之间产生的行间距合并,连成一体
对行内替换元素将影响所在行框的高度
没有padding的效果

有padding的效果


对于行内非替换元素,设置上下内边距可以使得背景向元素的上面和下面延伸

【热门文章】
【热门文章】