100%宽度的textarea忽略IE7中父元素的宽度

Question

我在表中有以下textarea:

<table width="300"><tr><td>

<textarea style="width:100%">
longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring
</textarea>

</td></tr></table>

在textarea中有一个长字符串,textarea延伸到IE7中的一行中,但在其他浏览器中保留了300px的宽度.

关于如何在IE中修复此问题的任何想法？

Answer 1

将宽度应用于td，而不是table。

编辑：@Emmett-宽度可以通过CSS轻松地应用。

td {
    width: 300px;
}

产生期望的结果。或者，如果您使用的是jQuery，则可以通过脚本添加宽度：

$('textarea[width=100%]').parent('td').css('width', '300px');

重点是，如果开发限制使您无法直接将宽度应用于表格单元，则有多种方法可以将其应用于表格单元。

Answer 2

你试过了吗...

overflow: hidden;

??

我不确定它是否应该在文本区域的表格中......尝试一下