Question

我有一张表，其中第二列应该有一定的宽度（例如50px）。当我在此列中有一个宽度为100％但文本很多的文本框时，列的宽度始终与文本一样长。

查看我的代码+屏幕截图

<!DOCTYPE HTML>
<html>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>
</head>

<body>


<table border="1">
  <tr>
  <td></td>
  <td style="width:50px;"><input type="text" value="very long text which doesn't fit into the whole textbox" style="width:100%" />
  </td>
  </tr>
</table>

</body>
</html>

enter image description here

如何在IE7中强制列长50px？

Answer 1

您可以通过使用IE条件注释来实现此目的

<!DOCTYPE HTML>
<html>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Test</title>    
    <style>
        .myInput{width: 100%;}
    </style>
    <!--[if IE 7]>
        <style>          
            .myInput{width: 50px;}
        </style>
    <![endif]-->
</head>

<body>
<table border="1">
  <tr>
  <td></td>
  <td style="width:50px;"><input class="myInput" type="text" value="very long text which doesn't fit into the whole textbox"/>
  </td>
  </tr>
</table>
</body>
</html>

我已经在IE测试仪上检查了这个并且看起来很好。希望这有帮助！

带有长文本的输入文本字段会增加IE7中的表格单元格

1 个答案: