Можно ли автоматически изменять размер или автоматически увеличивать для ввода текста и текстовой области, используя только CSS?

Question

jquery-скрипты Джеймса Падолси * * ahaxe - два очень хороших примера для полей автозапуска.

Аналогично, авторазмер может быть выполнен несколькими способами с использованием Javascript.

Но, просто интересно, есть ли вообще какой-нибудь тип авторазмера или автострано только с CSS? Я не знаю CSS достаточно глубоко, так что вы знаете, со всеми этими псевдоклассами и CSS3, я думаю, это могло бы быть возможно.

Или, возможно, единственным вариантом будет использование либо <input size>, либо style="width: em;" ...

Answer 1

Нет, вы не можете.В самом деле.Это можно сделать только с помощью JavaScript.

Answer 2

Используйте атрибут contenteditable для элемента, а затем настройте его так, как вам нравится в css :

<div contenteditable="true"></div> 

Answer 3

Вы можете превратить div-элемент в contentEditable.Он будет вести себя так же, как текстовая область, но преимущество заключается в том, что вам нужно использовать только CSS вместо различных плагинов.1006 * свойство работает для анимации, я думаю.Не забудьте установить для свойства word-wrap значение break-word, чтобы слова остались в элементе.