即使使用vertical-align：top，文本也会溢出

Question

如果您查看此屏幕截图：http://img687.imageshack.us/img687/4350/photobenchmozillafirefo.png

您可以看到右上角的文字溢出了div。虽然我已将vertical-align: top放在那里但它仍然不会粘在上面。如何将此文本显示在顶部？

Answer 1

它位于顶部。只有字体的顶部不一定必须是字符的顶部可见像素。尝试将其绘制得更高会强制您将线条高度设置为小于字体大小，或者设置负边距。这两种解决方案都可能导致文本在另一台计算机和/或浏览器上被切断。

Answer 2

您应该为文字设置line-heigth。