如何减小表单行的大小？

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

注意：在正常网页上的chrome和forefox中会看到此问题。不知怎的，这个问题在jsfiddle.net中没有看到。

的源代码：

<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>

来源

2013-05-30 Deepak Yadav

上每个标签 – bksi

是行或列？因为行大小（或高度）实际上是相同的。看到这里http://jsfiddle.net/Ev7P5/ – Edper

明白为什么你有很多表行结束标记（的方式即，而不是对打开和关闭标签，也就是？ – Edper

更改线

<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-31 00:03:22

试试这个：

<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-30 23:26:54 bksi

这不起作用 –

我更改了anshwer尝试它实际上，您没有正确构建表标记 – bksi

我已经修复了和标签问题，但仍然无法在Chrome和Firefox中使用。当在jsfiddle中测试时，它显示ok。 –

如果是行高你可以为表行创建CSS类如：

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

}

这里的demo

来源

2013-05-30 23:35:49 Edper

该代码在jsfiddle网站中正常工作但在普通网页上的chrome/firefox中看到相同的html不起作用。具有

如何减小表单行的大小？

回答

相关问题