2013-07-08 55 views
3

這似乎很乏味,但我需要找出確保網站所有行位於基線網格上的方法。問題在於錨點被設置爲font-weight: bold,並且這會在錨文本的頂部添加似乎是2px的空間。有沒有一個簡單的CSS解決方案?防止改變行高的粗體字體重

+3

在jsfiddle中發佈一些HTML和CSS,所以我們有一些東西要看...謝謝! –

回答

0

利用好您所有網站一個CSS復位是你應該看看:http://meyerweb.com/eric/tools/css/reset/

例如,從上面的鏈接採取:

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

而且你可以添加font-weight: regular到列表中,如果必要。

+0

對不起,刪除..這是一個不錯的主意黑鳥,但它對我來說是設置了一個'{line-height:0}' –

1

什麼最終爲我工作的是下面的CSS:

a {line-height: 0}

2

一個可能的解決方案,避免了觀察到的行爲,是對行高設置爲特定值。