Textarea Autoheight CSS

Question

我有一个textarea来保存数据库中的数据。它将被禁用，以便用户无法与之交互。

有没有办法通过css设置高度，使其适合该区域。 IE：如果只有一行文本，textarea高度只有1行，或者如果有3行文本，textarea高度是3行？

如果有帮助的话，它是MVC应用程序的一部分。我也在使用html.textarea。

Answer 1

最简单的我能想到的是：

Working Fiddle

div {
   display:inline-block;
   border: solid 1px #000;
   min-height:10px;
   width: 300px;
}

更多选项：

• Textarea Auto height
• Textarea to resize based on content length

Answer 2

更智能的矿山解决方案取决于字符数:) PHP Laravel

<textarea  class="form-control" name="description" id="description" style="height: {{(strlen($sectionItem->description)/4).'px'}}">{{$sectionItem->description}}</textarea>

Answer 3

我在 PHP 中做了类似的处理，但我使用的是行而不是 CSS 属性：

{{1}}