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

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

为什么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/
paddingline-height均会造成空白,但是line-height要在span是块元素时才有效。

自身的padding造成的吧


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

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