<textarea> расширяет и уничтожает форматирование таблицы

Question

Есть ли способ ограничить, насколько <textarea> может расширяться? Или способ отформатировать <table>, чтобы он не выглядел плохо при расширении <textarea>?

Answer 1

Единственный способ, которым я знаю, это свойство resize css. Это свойство CSS3, поэтому оно может не помочь вам, если вы работаете со старыми браузерами. Попробуйте применить этот класс к вашим текстовым областям ...

.noresize{
    resize:none;
}

Answer 2

Используйте max-height и max-width для стиля textarea.Это предотвратит расширение текстовой области.

Примечание: IE не знает max-width и max-height.но вы можете сделать что-то вроде этого:

textarea{ 
   width: expression( document.body.clientWidth > 776 ? "777px" : "auto" ); /* sets max-width for IE */
}

Answer 3

textarea {
    resize: vertical;
    width: 350px;
    min-height: 80px;
    max-height: 200px;
}

Используя этот код, пользователь может изменить размер текстовой области по вертикали. Применение максимальной и минимальной высоты предотвращает разрыв макета.

Answer 4

Если вы не хотите изменять размеры полностью, поставьте «resize: none;»атрибут стиля в текстовой области.Если вы хотите изменить размер контролируемым образом, добавьте что-то вроде max-width: 300px;максимальная высота: 250 пикселей;к стилю текстовой области.