0

html フォームがある行のサイズは、ない行のサイズよりも大きくなっています。フォームのある行 (行 1 と 2) のサイズをフォームのない行 (行 3 と 4) と同じサイズに縮小する方法。form タグのある行のサイズは、form タグのない行のほぼ 2 倍です。

注: この問題は、通常の Web ページの chrome および forefox で見られます。どういうわけか、この問題は jsfiddle.net では見られません。

このリンクは問題を示しています: http://cssdesk.com/ScsXK

ソースコード ：

<html>
<body>
  <table border="1" cellspacing="0">
    <tr>
      <th>one</th> <th>two</th> <th>three</th>
    </tr>

    <tr>
      <td>10</td> <td>10</td>
      <td><form action="testb.pl" method="POST" target="_blank"><input type="submit" value="CPU"></form></td>
    </tr>

    <tr>
      <td>20</td> <td>20</td>
      <td><form action="testb.pl" method="POST" target="_blank"><input type="submit" value="CPU"></form></td>
    </tr>

    <tr>
      <td>3</td> <td>4</td> <td>5</td>
    </tr>

    <tr>
      <td>6</td> <td>7</td> <td>8</td>
    </tr>
  </table>
</body>
</html>
4

3 に答える 3

0

これを試して：

<html>

<body>
    <table border="1" cellspacing="0">
    <tr>
        <th width="33%">one</th> <th width="33%">two</th> <th width="33%">three</th>
    </tr>
    <tr>
        <td>10</td> <td>10</td>
        <td><form action="testb.pl" method="POST" target="_blank"><input type="submit" value="CPU">    </form></td>
    </tr>

    <tr>
        <td>20</td> <td>20</td>
        <td><form action="testb.pl" method="POST" target="_blank"><input type="submit" value="CPU"></form></td>
    </tr>

    <tr> <td>3</td> <td>4</td> <td>5</td> </tr>
    <tr> <td>6</td> <td>7</td> <td>8</td> </tr>
    </table>
</body>
</html>
于 2013-05-30T23:26:54.963 に答える
0

改行

<td><form action="testb.pl" method="POST" target="_blank"><input type="submit" value="CPU"</form></td>

に

<form action="testb.pl" method="POST" target="_blank"><td><input type="submit" value="CPU"></td></form>

これは、chrome と firefox で正常に動作するようになりました。

このリンクを参照してください: http://cssdesk.com/zbPjp

于 2013-05-31T00:03:22.913 に答える