一个<span>包裹的文字,为什么文字到外围会有一段距离

Question

为什么span包裹的文字会有距离，这个对尺寸产生了一些影响

Answer 1

补充一个demo:https://jsfiddle.net/dwqs/y4okbek1/1/
padding和line-height均会造成空白，但是line-height要在span是块元素时才有效。

自身的padding造成的吧

Answer 2

除了padding，<span>的line-height可能也会导致上下有留空

Answer 3

可能是自己的padding 或者 margin
也有可能是外层的padding

Answer 4

应该是你的padding,或者line-height引起的留空，你可以尝试span里包层外框，看下是否文字仍会有空隙，这边验证了是正常的。

Answer 5

设置｀line-height:1;如果在没有padding`的前提条件下的话应该能解决〜

Answer 6

这涉及到了文字排版，和 font-family vertical-align line-height 以及padding（如果display是inline-block 或者block 否则不会影响其高度）都是有关系的

Answer 7

F12审查元素,看它的 PADDING 值

Answer 8

浏览器的默认值，覆盖下 就OK了