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

前端之家收集整理的这篇文章主要介绍了html – 100%宽度的textarea忽略IE7中父元素的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在表中有以下textarea:
<table width="300"><tr><td>

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

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

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

有关如何在IE中修复此问题的任何想法?

解决方法

将宽度应用于td,而不是表格.

编辑:@Emmett – 宽度可以很容易地通过CSS应用.

td {
    width: 300px;
}

产生预期的结果.或者,如果您使用的是jQuery,则可以通过脚本添加宽度:

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

重点是,如果开发限制阻止您直接应用宽度,则将宽度应用于表格单元的方法不止一种.

猜你在找的HTML相关文章