Я хочу знать, являются ли два текстовых узла визуально последовательными, независимо от структуры HTML, то есть, что между ними нет пустой строки или какого-либо другого элемента.
Я использую Диапазоны, чтобы получить прямоугольники (размер и положение), но между текстовыми узлами есть промежуток (нижняя часть первого прямоугольника не совпадает с верхней частью второго).
Я попытался вычислить это расстояние на основе line-height
и font-size
но не смог получить одно и то же значение.
Вот JsFiddle с моей попыткой: https://jsfiddle.net/3behsxxq/5/
Есть ли способ рассчитать это расстояние?
РЕДАКТИРОВАНИЕ: В первом случае кода jsFiddle есть четыре строки ("первый текст", "блок", "второй", "текстовый блок"), которые визуально последовательны, то есть визуально расстояние между ними одинаково, но число, которое я получаю, имеет разницу 7 (в этом первом случае). Если я попытаюсь отбросить это пространство, основываясь на разнице между высотой строки/размером шрифта и значениями диапазона, они не совпадают, поэтому я не могу противодействовать этому.
РЕДАКТИРОВАНИЕ 2. Контекст: на изображении ниже, 6 линий имеют одинаковое расстояние между ними. Я ищу способ определить, что они являются частью одного и того же абзаца, независимо от структуры html (потому что html может иметь элемент <p>
или любой другой элемент для представления абзаца).