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中的字體大小更改爲像素而不是百分比。