HTML TextArea适合内容(在页面加载上)
HTML TextArea适合内容(在页面加载上)
提问于 2014-09-03 13:25:58
我有一个文本区域，显示从数据库(可变长度)中提取的文本，我希望文本区域能够调整大小，目前它以固定的高度出现(大约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;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-03 13:28:40
将内联样式放在文本区域，给它一个由$t4_data中的行数乘以字体大小的高度。您将不得不更改您的字体大小在您的CSS，以像素为单位，而不是一个百分比，太。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25645619
复制相关文章
相似问题
腾讯云开发者
