1

2 番目の列に特定の幅 (たとえば 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>

ここに画像の説明を入力

IE7で列の長さを50pxにするにはどうすればよいですか?

4

1 に答える 1

0

これは、次のように 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テスターでこれをチェックしましたが、問題ないようです。お役に立てれば！

于 2014-04-03T07:56:18.433 に答える