1

当在表格中添加提交按钮时，整个表格中的单元格填充会变大。该按钮位于单元格的最顶部。我希望它位于中心，单元格填充较少。没有什么对我真正有用...

<html>    
    <head>    
        <style type = "text/css">    
            td {border:1px solid black;}    
        </style>    
    </head>    
    <body>    
        <table>    
            <tr>
                <td>Fish</td>
                <td>Salmon</td>
                <td>Trout</td>
                <td>Steak</td>
                <td><form><input type = "submit"></input></form></td>
            </tr>    
        </table>    
    </body>    
</html>
4

3 回答 3

4

这是由于form元素具有一些默认边距和填充。您可以通过将以下内容添加到样式表来将它们重置为零：

form {margin: 0; padding:0;}

然后您可以正常设置表格的其余部分。考虑使用某种 CSS 重置脚本，例如 Eric Meyer 的：

http://meyerweb.com/eric/tools/css/reset/

于 2012-06-28T01:53:03.513 回答
0

一种解决方案可以是：

<html>

<head>

<style type = "text/css">

td {
    border:1px solid black;
}

td form {
    display : table-cell;
    vertical-align: middle;
    margin : 0;
    padding : 0;
}

</style>

</head>

<body>

<table>

<tr>
<td>Fish</td>
<td>Salmon</td>
<td>Trout</td>
<td>Steak</td>
<td><form><input type = "submit" /></form></td>
</tr>

</table>

</body>

</html>

试试看 :D

于 2012-06-28T01:59:27.253 回答
0

你可以试试这个

<td><form><input type = "submit" style="margin:0;"></input></form></td>
于 2013-03-26T11:56:32.327 回答