Задать вопрос
mudrenokanton
@mudrenokanton
frontend dev
верстка

Как узнать расстояние до текстового блока?

Как бы без лишней боли, четко в пиклеях, узнавать расстояние не до текста (как мы видим слева от красной линии на скрине), а именно до текстового блока (который мы видим, например, при выделении)?
f60cf693f6a343be87a691db8911af59.png

upd: В лоб решение я только что нашел, выделить блок текста(ctrl+T), двинуть на него гайдлайн и от него уже измерять. Но мне пока не очень по душе этот способ.
  • Вопрос задан
  • 660 просмотров
2 комментария
Подписаться 3 Оценить 2 комментария
Решения вопроса 1
mr_T
@mr_T
Web-разработчик
Скорее всего, никак. У разных шрифтов может быть разный размер букв, вертикальное выравнивание может разниться (например, на маках оно почему-то отличается от винды). Можно попробовать получить какое-то приближенное значение, поставив блоку line-height: 1 и взяв расстояние до его верхнего края, но тогда этот блок будет нормально смотреться только когда в нем будет 1 строка. Ну и высота строки будет равна всегда 1 заглавной букве, если это важно.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Используя метод getClientRects(), получаем размеры и положение строк.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы