在顶部取下跨度的白色空间完全地（压碎它）和底部

让说我有，在顶部取下跨度的白色空间完全地（压碎它）和底部

<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/

来源

2012-03-27 user960567

margin：0;填充：0 – 2012-03-27 05:12:53

你想没有CSS的文本或什么？ – 2012-03-27 05:13:48

@Justin解决了我的问题。见下文 – user960567 2012-03-27 05:19:11

使用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>

来源

2012-03-27 05:13:36

Genious。这是解决我的问题的线路高度。 '你是什么意思'错过下行者Y或j' – user960567 2012-03-27 05:18:28

某些字母如y，j，g和p是“下行者”，这意味着它们的像素在大多数其他字母结尾的行的下面。如果你有11px的文字，并且使用9px行高，你会溢出。同样，一些字母非常高（例如小写l）。因此，在设置小于字体大小的行高时，请务必小心。如果你事先知道文本（没有下划线，没有高大的字母），那么你可以使用较小的行高，但如果文本未知，则不行。有关更多详细信息，请参阅http://jsfiddle.net/QgGpy/14/。 – 2012-03-27 05:31:17

是的，我知道文本总是有一些数字与英尺，山。所以这对我来说不是问题。再次感谢。 – user960567 2012-03-27 05:35:39

在顶部取下跨度的白色空间完全地（压碎它）和底部

回答

相关问题