是否可以仅使用CSS对输入文本和textarea进行自动调整大小或自动增长？

Question

James Padolsey's和ahaxe's jquery脚本是自动增长表单字段的两个非常好的实例。

同样，可以使用Javascript以多种方式完成自动调整大小。

但是，只是想知道，无论如何只使用CSS进行任何类型的自动调整或自动增长？我不太了解CSS，所以你知道，对于所有那些伪类和CSS3，我猜这可能是可能的。

或许唯一的选择是使用<input size>或style="width: em;" ...

Answer 1

不，你不能。真。它只能使用JavaScript来完成。

Answer 2

在元素上使用contenteditable属性，然后根据需要自定义in the css：

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

Answer 3

您可以将div元素转换为contentEditable。它的行为方式与textarea相同，但好处是你只需要使用CSS而不是各种插件。

$(<selector>).attr(contentEditable, 'true');

在CSS中设置m in-height，max-height，甚至-webkit-transition属性适用于我认为的动画。不要忘记将word-wrap属性设置为break-word，因此单词仍保留在元素中。