文字上的奇怪垂直空間

我遇到了一些奇怪的問題，其中包含一些奇怪的填充（或至少是垂直空間）的字體文本。這是造成問題的原因，因爲我希望文本以某種方式定位，但不能與其他東西重疊。這裏是正在發生的一個畫面：文字上的奇怪垂直空間

當選定文本時，你可以看到，文字重疊一些上面的導航欄。我曾嘗試調整線條高度和填充，邊距，任何我能想到的。這裏是相關的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

回答