CSSボタンは、私は次の表を作成したい

Question

に整列されていません。https://fiddle.jshell.net/7zrmd2wa/

出力はフィドルに良いですが、私はそれを自分自身をホストする場合、それはこれを出力し、ボタンが整列されていません。 https://imgur.com/a/byaM5

私はさまざまなブラウザでテストしました。

なぜわかりませんか？そして私はそれをどのように解決できますか？

Answer 1

は以下を追加して、それが問題を修正する必要があります。私はそれらを区別することはできませんよ

#table1 td form{ 
    display: inline; 
} 

または

#table1 td form{ 
    display: table-cell; 
} 

Answer 2

は、すべてのセルに垂直センタリングを取得するには、このCSSを追加します。

サンプルを見てみると

td { 
    vertical-align: middle; 
} 

Answer 3

あなたには、いくつかのadditionnal CSSを持っていない限り、それが動作するはずです。

Answer 4

は、あなたのスタイルシートでこれを追加してみてください。

* { 
    padding: 0; 
    margin: 0; 
    border: none; 
} 

は、この方法を試してみてください：jsfiddle edited