jquery - チェックボックスの配置

Question

thチェックボックスが列の残りの部分と整列しない理由を理解したいと思います。すべてのチェックボックスは中央揃えにする必要があります。

更新：実際のライブバージョン

score 2 · Accepted Answer

このスタイルルールを追加し、

.table thead th:first-child,
.table tbody td:first-child { text-align: center; }

デモ：http： //jsfiddle.net/skram/waZRR/3/

あなたのライブバージョンはあなたがフィドルで持っていたものとは異なっていました。しかし、問題は以下のスタイルにありましたmyccs.css、

table .checkbox {
    margin: 0 !important;
    padding: 8px 13px;
}

以下のようなスタイルを追加してみてください、

table .checkbox {
    margin: 0 !important;
    padding: 8px 0px !important;
}

score 1 · Accepted Answer

テーブルヘッドのパディングは、セルのパディングよりも大きくなっています。thチェックボックスを他のチェックボックスに合わせるには、パディングを変更する必要がありますtd。

.table thead th {
  padding:7px;
}

更新されたフィドル：http：//jsfiddle.net/waZRR/1/

score 1 · Accepted Answer

あなたはそれが置くことによって働いたあなたのドリブルの例

 table tr td:first-child { text-align: center !important; }

アップデート

Vegaのソリューションは明らかに優れています！私を無視してください^^

アップデート2

Vagaが提案したようにcssを使用し、新しいパディングルールを追加します。このような：

 .table thead th:first-child,
 .table tbody td:first-child { text-align: center; padding:4px 0px; }

その後、それはよさそうだ:)

3 に答える 3