html - 为什么 › 直 Angular 引号 (›) 没有垂直对齐？

Question

我尽量把标题写得最好，但我不确定如何准确描述这里发生的事情，所以请随时更正。

我想使用 › 直 Angular 引号 (›) 而不是 > 直 Angular 引号 (>)，虽然 › 字符比 > 短，但它位于行的底部，类似于句点 ( .).这使得垂直对齐字符变得困难，当我将它设置为 42px 时它很明显。

我可以使用任何其他字符或可以垂直对齐它的任何方式吗？它可能是我的字体，但我没有使用任何特殊的字体。

这两个字符的示例如下。第一个是 > 常规右尖括号，第二个是位于底部的 › 右尖括号。

Answer 1

尝试将字符隔离在 span 中，并使用 CSS 属性 line-height 和 font-size 使其垂直对齐。

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

See example