为什么span包裹的文字会有距离,这个对尺寸产生了一些影响
应该是你的padding,或者line-height引起的留空,你可以尝试span里包层外框,看下是否文字仍会有空隙,这边验证了是正常的。
F12审查元素,看它的 PADDING 值
浏览器的默认值,覆盖下 就OK了
除了padding
,<span>
的line-height
可能也会导致上下有留空
这涉及到了文字排版,和 font-family vertical-align line-height 以及padding(如果display是inline-block 或者block 否则不会影响其高度)都是有关系的
设置`line-height:1;如果在没有
padding`的前提条件下的话应该能解决〜
补充一个demo:https://jsfiddle.net/dwqs/y4okbek1/1/padding
和line-height
均会造成空白,但是line-height
要在span
是块元素时才有效。
自身的
padding
造成的吧
可能是自己的padding 或者 margin
也有可能是外层的padding