为什么浏览器为ACCENTED CHARACTERS保留空间,即使没有？

Question

参考:
我的问题是关于社区成员在这个问题中给出的解释如何删除<p>标签/对齐文本顶部的空格到容器顶部？.

题

我想知道的是,假设我<p>或任何其他标记不包含任何此类字符,Ä或者?为什么浏览器会为它保留一个空间(它是否保留空间...... ??因为我不知道我知道,我只是在引用的问题中进行解释.)....

浏览器呈现标记和CSS中给出的内容....if there is no accented character in the code, why is a space there for it then??

Answer 1

这完全取决于字体.请参阅相关示例的屏幕截图:

突出显示的"Lorem"的行高与包含元素(浅蓝色)完全齐平.这封信根本不会一直延伸到最大可用高度,就像它不会一直向下拉伸到基线以下一样.

由字体的创建者在字母上方或下方留出空间,这通常是为了保持字体的整体视觉平衡,包括可能更高的字母.参见例如:

AA

如果"A"一直伸展到最大可用高度,则它旁边的"Ä"要么高于高,要么需要压扁.由于这看起来很糟糕,常规的"A"并不像它可能的那么高,所以两个"A"在视觉上都是一样的.

它与您是否实际使用重音字母无关,字形不会根据内容动态重新调整.它们总是相同的高度,由字体创建者设置.如果你有这个文本块怎么办:

AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAA

如果字母大小会根据您是否"需要额外空间"而动态变化,这会使外观极不均匀.这就是为什么它没有完成.