динамическая высота текста с CSS

При создании TextAREA для пользовательского ввода часто желательно, чтобы она была эксплуатирована или сокращается, чтобы приспособиться к количеству контента. В то время как существуют решения, включающие JavaScript или PHP, существует ли чисто метод на основе CSS?

решение:

Да, можно использовать CSS для достижения динамической высоты текста. Вот как:

1. установите начальную высоту на Auto: , чтобы позволить Textarea расти или сокращаться по мере необходимости, установите его начальную высоту в "Auto":

textarea {
  height: auto;
}

2. Используйте событие 'oniUnput': , чтобы динамически настроить высоту TextArea, прикрепите к нему обработчик событий:

textarea {
  height: auto;
}

перед настройкой высоты на основе содержимого, сначала сбросьте его в пустую строку. Это гарантирует, что TextArea может сокращаться, а также расширять. JavaScript или php.
3. ]