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

その後、テーブルの残りの部分を通常どおりスタイルできます。Eric Meyer のような CSS リセット スクリプトの使用を検討してください。

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

于 2012-06-28T01:53:03.513 に答える
0

あなたはこれを試すことができます

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

1つの解決策は次のとおりです。

<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 に答える