如何在HTML中找到行之间的空格?

Jon*_*Jon 6 html javascript css android-webview

这是我前一个问题的后续问题.我试图找到一种方法来找到元素中每行文本的确切位置.

我能够找到css lineHeight属性(参见上一个答案).问题是我的元素的高度略大于行数乘以的累积高度lineHeight.

一个例子:

我有一个<p>是2010px高个子没有填充,边框或保证金,( ,scrollHeight,offsetHeightclientHeight所有报告相同),并在浏览器中89线.所述lineHeightcomputedStyle()是22.

2010/22 = 91.37行

对于小元素,我可以对值进行平移以获得正确的行数,但是遇到上面的问题时,更大的元素我无法准确地获得确切的行数.

我的假设是,我没有考虑到这些文本行之间有一些小的空间.知道如何找到它吗?它与字体类型有关吗?它是由浏览器自动设置的吗?任何文档都会特别有用.

谢谢!!

更新:

所以我有26个上标<p>,每个上标2px,扩展到lineHeight它们看起来是24px的那些线,这是我缺少的空间.(Woot!到目前为止!)

我想我现在所处的船是我需要找到一种方法来动态计算它们在线的正常顶部之上突出多少,或者发现a的基线<sup>高于正常基线的高度.(反之亦然<sub>.)否则,我可以用CSS确定吗?

lan*_*nzz 1

上标和下标通常突出到行边界的上方和下方,如本演示\xe2\x80\x94 中所示,您会看到左侧示例的行之间比右侧示例有更多明显的空间,即使它们具有相同的line-height. 不幸的是,浏览器“版式”(如果你可以这样称呼它)不允许你确定子/上脚本突出的程度,因此在计算实际行高时无法考虑到这一点。

\n