在看bootstrap文档的时候,发现它对有些inline元素设置上下内边距,例如code标签
它的padding就是这么设置的
这个上下内边距设置的意义何在?
一个inline上下内边距对行内非替换元素不影响其所在行框的高度,可以看到的视觉效果(设置一个背景)是能将code部分的文本在折行的时候可将正常行之间产生的行间距合并,连成一体
对行内替换元素将影响所在行框的高度
没有padding的效果
有padding的效果
对于行内非替换元素,设置上下内边距可以使得背景向元素的上面和下面延伸
在看bootstrap文档的时候,发现它对有些inline元素设置上下内边距,例如code标签
它的padding就是这么设置的
这个上下内边距设置的意义何在?
一个inline上下内边距对行内非替换元素不影响其所在行框的高度,可以看到的视觉效果(设置一个背景)是能将code部分的文本在折行的时候可将正常行之间产生的行间距合并,连成一体
对行内替换元素将影响所在行框的高度
没有padding的效果
有padding的效果
对于行内非替换元素,设置上下内边距可以使得背景向元素的上面和下面延伸