在顶部和底部完全移除Span的白色空间(Squish it)

时间:2012-03-27 05:09:29

标签: javascript jquery css

我想说,

<span class="labels" style="background-color: #FFFFFF;border: 1px solid #000000;font-family: Verdana;font-size: 11px; ">74.58 ft.</span>

我需要尽可能地缩小范围。所以它只会显示文字。任何技巧,javascript,jquery,css都是可以接受的。

http://jsfiddle.net/QgGpy/

1 个答案:

答案 0 :(得分:3)

使用display:inline-block并设置line-height来控制身高。

http://jsfiddle.net/QgGpy/12/

请注意,如果您将线条高度缩小到字体大小以下,您将会错过下降器(例如“y”或“j”),但如果您事先知道文本并且知道它没有下行器,那么您将会好的

<span class="labels"

 style="font-size: 11px; line-height:9px; display:inline-block; background-color: #FFF; border: 1px solid #000;font-family: Verdana;"

>74.58 ft.</span>