这是很常见的问题font-face
, e.g.
font: 20px/20px 'ITC Avant Garde Gothic Std'; font-style: 'book'; letter-spacing: 1px; text-transform: uppercase;
问题是我希望文本垂直居中。然而,事实并非如此。有没有办法偏移行高基线?没有实际改变line-height
.
该现象取决于字体。由字体设计者决定字体如何使用其高度。例如,在 Arial 中,当设置为实心时,大写基本拉丁字母垂直居中,而在 Verdana 中,它们显示得稍低一些(即,上方的空间比下方多一点)。
您可以通过使用相对定位来对此进行微调,但随后您需要额外的标记,例如
<div><span>text</span></div>
与CSSspan
设置,说,
position: relative;
top: 2px;
如果用户浏览器中使用的字体与您的期望不同,这可能会导致严重的影响。
我没有考虑可能的影响font-style: 'book'
,因为我不知道这意味着什么。我所知道的 CSS 资源中没有提到类似的内容(font-style
值是不带引号的关键字,不包括book
).
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)