複選框對齊

Question

我想弄清楚爲什麼th複選框永遠不會與列的其餘部分對齊。所有複選框應居中對齊。

http://jsfiddle.net/waZRR/

UPDATE：實際真人版

My link

Answer 1

您在運球例如它的工作通過將

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

http://jsfiddle.net/waZRR/4/

更新

Vega的解決方案顯然更好！不理會我^^

更新2

使用的CSS爲瓦加」的建議，並添加新的填充規則。像這樣：

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

然後，它看起來不錯:)

Answer 2

的填充你的桌子上的頭比你的細胞更大。您將需要修改填充它與您td其餘像這樣調整您th複選框：

.table thead th { 
    padding:7px; 
} 

更新小提琴：http://jsfiddle.net/waZRR/1/

Answer 3

添加這種風格的規則，

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

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