我有一个具有约束宽度的表和一个具有百分比宽度的表单元格。在牢房里我
input
或
textarea
具有
style="width:100%"
,没有任何边距、填充或边框,但内容较长
没有空格
. 为什么IE7和IE6要扩展输入以匹配内容长度?
应用
table-layout: fixed
到表不是一个选项——我在列上转发扩展以保留其内容(例如,具有输入标签的列应与标签长度匹配)。
下面是完整的例子。我已经检查过了
有效的
以标准模式呈现的HTML5。
<!doctype html>
<meta charset="utf-8" />
<title>ie6 ie7 input bug</title>
<style>
input, textarea {
width: 100%;
margin: 0; padding: 0; border: 0;
}
table {
background: yellow;
width: 500px;
}
</style>
<body>
<table>
<tr>
<td style="width: 15%;">
<input value="VeryLongTextWithoutSpaces" />
</td>
<td> <br/><br/><!-- give height --> </td>
</tr>
</table>
<br/> <!-- textarea example -->
table>
<tr>
<td style="width: 15%;">
<textarea>VeryLongTextWithoutSpaces</textarea>
</td>
<td> <br/><br/><!-- give height --> </td>
</tr>
</table>
</body>
