Question

我有textarea autosize的问题。它在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>

Answer 1

使用min-height：

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

或添加到* .123课程：

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

删除内联样式

Textarea使用firefox自动调整问题

1 个答案: