如何對齊這個複選框

我有一個表完成列只是複選框。如何對齊這個複選框

在<th>我有一個提示「包含？」並且現在想要在該<th>中爲複選框添加一些JS，也許有一些「全部/無」文本。

壞ASCII藝術如下：

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

在這兩種情況下

，我應該用什麼style居中該複選框？

來源

2011-06-28 Mawg

最簡單的就是用text-align:center;

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

編輯

只看見自己的其他要求，即我需要的文本左對齊，而是爲中心的複選框

在這種情況下，將input置於span

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

有width比賽th的width。

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

來源

2011-06-28 01:36:18

+1謝謝。我會看看它，但寬度取決於文本和使用的字體，所以在PX – Mawg

中無法預測，但是將100px更改爲100％可以，因此您可以獲得答案。 Thansk的幫助，我認爲我學到了一些東西 – Mawg

很高興工作@Mawg –

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

或者你可以設置：

th { 
    text-align: center; 
}

，並指定class或<th>id包括，如果你想整個<th>爲中心，如：http://jsfiddle.net/minitech/pJxgc/。

來源

2011-06-28 01:15:50 Ryan

+1謝謝，只是一個小問題...我需要文本左對齊，但複選框要居中（不要問爲什麼;-) – Mawg

@Mawg：然後使用方法＃1。 http://jsfiddle.net/minitech/f5Auf/ – Ryan

試試這個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>

日{ 文本對齊：中心; }

來源

2011-06-28 01:37:05 rrapuya

+1感謝您花時間回覆 – Mawg

你的意思是說像this fiddle？

來源

2011-06-28 02:03:19 NGLN

如何對齊這個複選框

回答

相關問題