Как мне автоматически увеличить высоту текстовой области, чтобы столбцы слева и справа были одинаковой высоты?

#html #bootstrap-4

#HTML #bootstrap-4

Вопрос:

Как мне автоматически увеличить высоту текстовой области, чтобы столбцы слева и справа были одинаковой высоты?

введите описание изображения здесь

Ответ №1:

Используйте атрибут rows текстовой области

 <textarea rows="6" cols="50">

</textarea>
 

Комментарии:

1. rows=»6″ приведет к тому, что столбец справа будет больше, чем столбец слева. есть ли способ, чтобы текстовая область автоматически заполняла разницу?

2. Да, вы можете установить это в соответствии с вашими потребностями. Можете ли вы вставить сюда свой фрагмент кода?

Ответ №2:

Может помочь Flex: https://codepen.io/ecopen/pen/gOLgyPj

Обратите внимание, что rows атрибут лучше отображает текстовую область, чтобы текст не обрезался на нескольких строках.