8

有没有一种正确的方法可以在一行的下降高度而不是其基线处显示文本?

请参考以下页面:

http://en.wikipedia.org/wiki/Baseline_ (排版)

http://jsfiddle.net/YPPnU/

目标是在不使用图像的情况下使我的文本底部(如小提琴中所示)与 H1 块的底部齐平。

我意识到如果我使用降序字符(p、q 等)它是齐平的,但是,我永远不会在这个项目的范围内使用它们。我需要没有下降的字符与 h1 块的底部齐平。

我尝试了各种调整定位和负边距,但这提出了两个问题 1) h1 的高度搞砸了。2) 负底的数量可能会因所使用的字体而异。有没有“正确”的方法来做到这一点?

编辑 请参阅评论以获取更多更新......

最佳工作技术在这里:http: //jsfiddle.net/YPPnU/23/

但我不想“猜测”行高

此外,我意识到另一种选择是使用网络字体,其中所有字符的底部都放置在下降而不是基线,但我似乎无法在谷歌上找到一个。有谁知道这样的事情是否存在?

4

1 回答 1

7

vertical-align: bottom与呢line-height: 65%

http://jsfiddle.net/y53uK/

于 2011-05-30T18:16:52.357 回答