Javascript firefox的Textarea自动调整大小问题_Javascript_Jquery_Html

Javascript firefox的Textarea自动调整大小问题

javascript jquery html

Javascript firefox的Textarea自动调整大小问题,javascript,jquery,html,Javascript,Jquery,Html,我对textarea自动调整大小有问题。它在IE中运行得很好，但在firefox、chrome和其他web浏览器中，它只给我3行文本，如果这些行已满，我需要开始滚动。有人能帮我吗 <html> <head> <title></title> <style type="text/css"> *.a120 { color : black; font-family : Calibri , sans-serif; font-size : 18

我对textarea自动调整大小有问题。它在IE中运行得很好，但在firefox、chrome和其他web浏览器中，它只给我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>


*.a120{颜色：黑色；字体系列：Calibri，无衬线；
字号：18.00pt；字体样式：普通；字重：700；
左侧填充：1px；右侧填充：1px；顶部填充：1px；
文本对齐：居中；垂直对齐：顶部}
*.a121{背景：#bfbf；左边框：1.00pt实心windowtext；
右边框：1.00pt纯黑色；上边框：1.00pt纯文本；
颜色：黑色；字体系列：Calibri，无衬线；字体大小：13.00pt；
字体样式：普通；字重：700；左侧填充：1px；
右侧填充：1px；顶部填充：1px；文本对齐：居中；
垂直对齐：顶部；高度：自动；溢出：可见}
*.a122{边框底部：0.75磅纯文本窗口；
左边框：1.00pt实心windowtext；上边框：0.75pt实心windowtext；
颜色：黑色；字体系列：Calibri，无衬线；字体大小：11.00pt；
字体样式：普通；字重：400；左侧填充：1px；
右侧填充：1px；顶部填充：1px；文本对齐：左侧；
垂直对齐：顶部；高度：自动；溢出：可见}
*.a123{颜色：黑色；字体系列：Calibri，无衬线；
字体大小：11.00pt；字体样式：普通；字体重量：400；
文本对齐：左；垂直对齐：顶部；高度：自动；溢出：可见}
*.a124{边框底部：0.75磅纯文本窗口；
右边框：1.00pt纯黑色；顶部边框：0.75pt纯文本；
颜色：黑色；字体系列：Calibri，无衬线；字体大小：11.00pt；
字体样式：普通；字重：400；左侧填充：0px；
右侧填充：1px；顶部填充：0px；文本对齐：左侧；
垂直对齐：顶部；高度：自动；溢出：可见}
表{宽度：668；表布局：固定}
个人资料
1.主要数据
1.1名称：

使用最小高度：

textarea {width:100%;height:400px;min-height:400px; padding-right:1px}

或添加到*.123类：

*.123 {width:100%;height:400px;min-height:400px; padding-right:1px

删除内联样式

我不太理解您的问题-尤其是这似乎与javascript无关，而与CSS无关。textareas初始大小取决于浏览器。通过修改CSS，可以根据需要轻松设置它。例如，将

height:100px

添加到

*。a123

类将使文本区域更高。我还建议你看看CSS的最佳实践，因为那里有大量的代码重复。另外，请注意指定一个DOCTYPE，否则你在浏览器中就不会有一致性。你尝试过Ooops吗！最小高度，而不是高度或两者兼而有之