如何減小表單行的大小？

具有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不起作用。具有

如何減小表單行的大小？

回答

相關問題