文字上的奇怪垂直空间

我遇到了一些奇怪的问题，其中包含一些奇怪的填充（或至少是垂直空间）的字体文本。这是造成问题的原因，因为我希望文本以某种方式定位，但不能与其他东西重叠。这里是正在发生的一个画面：文字上的奇怪垂直空间

当选定文本时，你可以看到，文字重叠一些上面的导航栏。我曾尝试调整线条高度和填充，边距，任何我能想到的。这里是相关的CSS，有没有人有一个建议，我怎样才能得到的高度线的实际文本的高度。

*{ margin: 0; padding: 0; } 
    h1#logo { font: 350px/.95 'Bebas Neue'; color: #DDD; text-align: center; margin: 1px 0; }

编辑：这是问题的一个活生生的例子：http://codezroz.com/stuff/hello.html

不确定实际的问题是什么，但请记住，始终可以使用负边距/填充作为快速解决方案。我总是使用'top：-10px'来使事物与我的屏幕顶部齐平。一种哈克，但它的作品。 – colinmarc 2010-09-27 03:38:50

前所未有的/.95语法的，现在几个测试后，我相信的它的工作原理是：
line-height = 0.95 * font-size = 332.5
所以我认为这是你的问题，字体比线更高
在H1上加overflow: hidden;应该足够了

2010-09-27 03:37:20 y34h

该语法是'font'速记属性的正确语法。用法是'font-size/line-height'。没有单位的数字被视为百分比，所以你的结论是正确的，尽管你现在的答案与我的基本相同;） – 2010-09-27 05:22:26

那么，将overflow: hidden应用于h1#logo可以将选择性高光从出血点停止到元素外部的区域。您还可以使用:selection伪元素更改所选文本的颜色。

2010-09-27 03:49:16

回答