Question

我需要将字形垂直对齐到文本。现在它看起来更像是贴在底部。

这是一个例子

<a href="#">Zoom</a>

a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
}

a:before { content:"\2039"; }

和jsFiddle

Answer 1

使用垂直对齐和固定偏移最简单。例如

a:before { content:"\2039"; vertical-align:0.1em; }

请参阅http://jsfiddle.net/csh0da6o/3/

Answer 2

您可以将vertical-align: top应用于字形上带有vertical align: middle的文本以实现此行为。通过调整字形的line-height，您可以更改其偏移量。

这是一个JsFiddle，其字形与中间对齐：http://jsfiddle.net/zephod/csh0da6o/2/

如何垂直对齐字形？

2 个答案: