【发布时间】：2011-04-20 06:10:29
【问题描述】：
我对 textarea 自动调整大小有疑问。它在 IE 中运行良好，但在 Firefox、chrome 和其他网络浏览器中它只给我 3 个文本行，如果这些行已满，我需要开始滚动。有人可以帮我吗？
<html>
<head>
<title></title>
<style type="text/css">
*.a120 { color : black; font-family : Calibri , sans-serif;
font-size : 18.00pt; font-style : normal; font-weight : 700;
padding-left : 1px; padding-right : 1px; padding-top : 1px;
text-align : center; vertical-align : top }
*.a121 { background : #BFBFBF; border-left : 1.00pt solid windowtext;
border-right : 1.00pt solid black; border-top : 1.00pt solid windowtext;
color : black; font-family : Calibri , sans-serif; font-size : 13.00pt;
font-style : normal; font-weight : 700; padding-left : 1px;
padding-right : 1px; padding-top : 1px; text-align : center;
vertical-align : top; height : auto; overflow : visible }
*.a122 { border-bottom :0.75pt solid windowtext;
border-left : 1.00pt solid windowtext; border-top :0.75pt solid windowtext;
color : black; font-family : Calibri , sans-serif; font-size : 11.00pt;
font-style : normal; font-weight : 400; padding-left : 1px;
padding-right : 1px; padding-top : 1px; text-align : left;
vertical-align : top; height : auto; overflow : visible }
*.a123 { color : black; font-family : Calibri , sans-serif;
font-size : 11.00pt; font-style : normal; font-weight : 400;
text-align : left; vertical-align : top; height : auto; overflow : visible }
*.a124 { border-bottom :0.75pt solid windowtext;
border-right : 1.00pt solid black; border-top :0.75pt solid windowtext;
color : black; font-family : Calibri , sans-serif; font-size : 11.00pt;
font-style : normal; font-weight : 400; padding-left : 0px;
padding-right : 1px; padding-top : 0px; text-align : left;
vertical-align : top; height : auto; overflow : visible }
table {width: 668;table-layout: fixed }
</style>
</head>
<body>
<table cellspacing='0' cellpadding='0' width='668' style='border-collapse:collapse' align='center'>
<tr style="height:1px;">
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='23'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
<td width='22'></td>
</tr>
<tr style='height:24pt'>
<td class='a120' sheetid='1' rowid='1' colid='1' colspan='30'>
Personal data
</td>
</tr>
<tr style='height:17pt'>
<td class='a121' sheetid='1' rowid='2' colid='1' colspan='30'>
1. Main data
</td>
</tr>
<tr style='height:auto'>
<td class='a122' sheetid='1' rowid='3' colid='1' colspan='3'>
1.1 Name:
</td>
<td class='a124' sheetid='1' rowid='3' colid='4' colspan='27'>
<textarea class='a123' tabindex='1' style=' width:100%; padding-right:1px'></textarea>
</td>
</tr>
</table>
</body>
</html>
【问题讨论】：
-
我不太了解您的问题 - 特别是因为这似乎与 javascript 无关，而是与 CSS 无关。 textareas 初始大小的大小取决于浏览器。它可以通过修改 CSS 轻松地根据需要进行设置。例如，将
height: 100px添加到您的*.a123类将使文本区域更高。我还建议您查看 CSS 最佳实践，因为那里有很多代码重复。 -
另外，请注意指定 DOCTYPE 否则您将无法在浏览器中保持一致性。
-
你试过了吗 哎呀！最小高度而不是高度或两者兼而有之
标签： javascript jquery html