2013-07-08 27 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

一个可能的解决方案,避免了观察到的行为,是对行高设置为特定值。