0

具有 html 表单的行的大小大于没有 . 如何将具有表单的行（第 1 行和第 2 行）的大小减小到与没有表单的行（第 3 行和第 4 行）的大小相同。有表单标签的行的大小几乎是没有表单标签的行的两倍。

注意：此问题在普通网页上的 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

如果它是行高，您可以为表格行创建一个 CSS 类，例如：

table.equalheight tr {
line-height:30px;

}

这是演示

于 2013-05-30T23:35:49.267 回答
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 中运行良好。

Ses这个链接：http ://cssdesk.com/zbPjp

于 2013-05-31T00:03:22.913 回答