このチェックボックスを揃える方法

Question

私はテーブルを持っています。完了した列はチェックボックスだけです。

<th>には、「include？」というプロンプトが表示されます。おそらくいくつかの "all/none"テキストを含む<th>というチェックボックスにJSを追加したいと考えています。

悪いASCIIアートは、次のとおりです。いずれの場合も

------------    ------------ 
| include? |    | include? | 
| []  |    | [] all | 
------------    ------------ 
| []  | or, maybe | []  | 
------------    ------------ 
| []  |    | []  | 
------------    ------------ 

を、どのようstyle私はそのチェックボックスを中央に使うべきでしょうか？

Answer 1

最も簡単には

http://jsfiddle.net/jasongennaro/rhUjP/1/

EDIT

ちょうどすなわち私はテキストが左詰めする必要があるが、チェックボックスが

を中心にするために、あなたの他の要件を見 text-align:center;であります

この場合、inputをspan 01に入れます

span{display:inline-block; text-align:center; width:100px;} 

は width試合 thの widthを持っています。

http://jsfiddle.net/jasongennaro/rhUjP/3/

Answer 2

.checkbox { 
    display: block; 
    margin: auto; 
} 

またはあなたが設定することができます。

th { 
    text-align: center; 
} 

そして、あなたは全体<th>は次のように、中央に配置したい場合はclassまたは<th>のidを含めるかを指定：http://jsfiddle.net/minitech/pJxgc/。

Answer 3

これjsFiddle

<table> 
     <tbody> 
      <tr><th><input type="checkbox" class="checkbox" />&nbsp;&nbsp;&nbsp;&nbsp;Hello</th></tr> 
      <tr><td>My Table Data!</td></tr> 
     </tbody> 

    </table> 

番目{ テキスト整列試みる：センター; }

Answer 4

this fiddleのような意味ですか？