HTML文本区域适合内容（在页面加载）

我有显示文本从数据库中拉下来（可变长度的）文本区域，我想文本区域来调整，目前它有一个固定的高度出现（中约2条文字线），然后滚动其余部分。我可以对CSS做些什么来使文本区域缩小并在页面加载时基于$t4_data大小增长？HTML文本区域适合内容（在页面加载）

我不希望它动态地使用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; 
}

来源

2014-09-03 Crizly

将内嵌样式上的文字区域，给它在$ t4_data行数计算的高度乘以字体大小。您必须将CSS中的字体大小更改为像素而不是百分比。

来源

2014-09-03 13:28:40 evilunix

这听起来jQuery的十岁上下，我已经添加了inline-block的显示和更改文本14px的，仍然没有变化，反正是有与本地CSS这样做的？ – Crizly 2014-09-03 13:39:23

你需要添加到您的textarea的行数=“‘numberOfRows（$ t4_data）’。”并定义某个功能numberOfRows或单纯从$ t4_data长度的字符数量在连续分计算的话，向上取下一个整数。 – SeraphimFoA 2014-09-03 13:44:28

噢 - 好吧我会给那个前 – Crizly 2014-09-03 13:49:52

回答

相关问题