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

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

它的padding就是这么设置的
图片描述

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

阅读 2.6k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题