HTML TextArea 适合内容(在页面加载时)

Question

我有一个文本区域，显示从数据库中提取的文本(长度可变)，我希望文本区域调整大小，目前它以固定高度(大约 2 个文本行)出现，然后滚动休息。我可以对 CSS 做些什么来使文本区域在页面加载时根据 $t4_data 大小缩小和增大？

我不希望它在页面加载时使用 jQuery 或其他任何东西动态调整大小。尽可能不要使用 jQuery。

该页面是使用 PHP 构建的:

echo "<textarea form='t4_area_post_form_" . $t4_id . "' name='message' id='t4_post_item_" . $t4_id . "' class='t4_payload' readonly>";
    echo htmlspecialchars($t4_data);
echo "</textarea>";

CSS 是:

.t4_payload {
text-align:left;
float:left;
word-wrap:break-word;
width:555px;
font-size:14px;
margin-top:10px;
resize:none;
display:inline-block;
border:none;
background-color:yellow;
}

Answer 1

在您的文本区域上放置一个内联样式，为其指定一个高度，该高度由 $t4_data 中的行数乘以字体大小计算得出。您还必须将 CSS 中的字体大小更改为像素而不是百分比。