防止加粗字体的字重改变行高

5

这可能看起来有些乏味,但我需要想出一种方法来确保网站上的所有行都在基线网格上。问题是锚点设置为 font-weight: bold,这会在锚文本的顶部添加似乎为2像素的空间。是否有一个简单的CSS解决方案?


3
请在 jsfiddle 上发布一些 HTML 和 CSS,这样我们就有东西可以查看了...谢谢! - Marc Audet
3个回答

3
以下CSS对我有用:
``` a {line-height: 0} ```

3
避免出现观察到的行为的一种可能解决方案是将行高设置为特定值。

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添加到该列表中。


抱歉删除了.. 这是个好主意黑鸟,但对我来说最有效的方法是设置{line-height: 0} - N-WS

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接