为什么>直角引号（>）没有垂直对齐？

Question

我试着尽可能地写出最好的标题，但我不确定如何准确描述这里发生的事情，所以随时纠正它。

我想使用>直角引号（>）而不是＆gt;直角引用（＆gt;），而>字符短于＆gt;它位于线的底部，类似于句点（。）。这使得难以垂直对齐角色，当我将其设置为42px时，它是显而易见的。

我可以使用其他任何角色吗？或者我可以垂直对齐这个角色？它可能是我的字体，但我没有使用任何特殊的东西。

下面两个字符的示例。第一个是＆gt;常规直角支架，第二个是位于底部的直角支架。

Answer 1

尝试隔离span中的字符并使用CSS属性line-height和font-size进行垂直对齐。

此外，标准字体如：arial，verdana等。默认情况下正确垂直对齐。

See example

Answer 2

正如安非他命已经回答的那样，这取决于您使用的特定字体如何定义字形。

我发现修复此问题（没有硬编码像素偏移）的最佳方法是将角色放入其自己的范围内，然后应用： vertical-align：PERCENTAGE％。 （在我的情况下， vertical-align：11％运行良好，但它将取决于字体。）

以百分比形式表示即使使用不同的字体大小，它也会保持相同的位置。