Определить высоту <span> при изменении длины текста?  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
UraAlpeev
Втянувшийся
Втянувшийся
Сообщения: 56
Зарегистрирован: 06 фев 2020, 10:43
Версия Web Builder: 14.2.2

Определить высоту <span> при изменении длины текста?

Сообщение UraAlpeev » 25 янв 2023, 16:14

Задача: в одно и то же текстовое поле нужно вносить тексты различной длины:

Имею wb_Text1 с текстом'Double click to edit' в одну строку.

Изменяю в <span> текст на более длинный:
wb_Text1.children[0].textContent = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. '

Текст растягивается вниз и выходит за пределы родительского <div>.

https://drive.google.com/file/d/19DHsChrDehQjitgtZn3Qxtvp5p49WhVW/view?usp=sharing

Хочу растянуть <div> вниз, но не могу определить реальную высоту текста средствами JS.
Есть ли решение?

Реклама
Аватара пользователя

Автор Темы
UraAlpeev
Втянувшийся
Втянувшийся
Сообщения: 56
Зарегистрирован: 06 фев 2020, 10:43
Версия Web Builder: 14.2.2

Определить высоту <span> при изменении длины текста?  [РЕШЕНО]

Сообщение UraAlpeev » 12 май 2023, 11:09

Сам нашел решение:
для Text1 устанавливаю свойство height:auto
и теперь при изменении длины текста или размера шрифта меняется и высота родительского div.

Изображение


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость