Question

我已经创建了一个textarea并附加了autosize，以便在创建换行符时自动进行自动调整。最初textarea应该占据其容器高度的100％。这是代码：

#editor {
  background-color: inherit;
  width: 100%;
  height: 100% !important; 
  resize: vertical;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

和js代码：

<script>
   $(function(){
     autosize($('#editor'));
   });
</script>

理想情况下，我希望textarea每创建一个换行或者有一个自动换行就会增长一行。有更好的解决方案吗？

编辑：问题是textarea根本没有增长。

Answer 1

我认为问题在于height css规则。传统上，当您设置textarea的高度时，可以直接在rows上使用textarea属性。 e.g：

<textarea id="editor" rows="4"></textarea>

如果从css规则中删除height属性，则应在输入文本时调整大小。

<强> Fiddle

HTML textarea不会自动调整大小

1 个答案: