问题描述
|
是否有适当的方法在行的下降高度而不是基线显示文本?
请参考以下页面:
http://en.wikipedia.org/wiki/Baseline_(印刷术)
和
http://jsfiddle.net/YPPnU/
目的是使我的文本底部(如小提琴中所示)与H1块的底部齐平而不使用图像。
我意识到如果我使用降序字符(p,q等),它是同花顺的,但是,在该项目的范围内,我永远不会使用它们。我需要不带有后裔的字符与h1块的底部齐平。
我已经尝试过使用定位和负边距进行各种调整,但这存在两个问题
1)H1的高度混乱。
2)负底的数量可能会根据所使用的字体变化。
有没有一种“适当的”方法来做到这一点?
编辑
请查看评论以获取其他更新...。
最佳工作方法如下:
http://jsfiddle.net/YPPnU/23/
但是我不希望“猜测”行高
另外,我意识到另一种选择是使用网络字体,其中所有字符的底部放置在下降位置而不是基线,但是我似乎无法在Google上找到一个。有人知道这样的事是否存在吗?
解决方法
vertical-align: bottom
和line-height: 65%
呢?
http://jsfiddle.net/y53uK/