Флажок Выравнивание

Question

Я хочу выяснить, почему этот флажок никогда не выравнивается с остальной частью столбца. Все флажки должны быть выровнены по центру.

http://jsfiddle.net/waZRR/

UPDATE: Фактические Live Version

My link

Answer 1

Вам свой капать пример он работал, поставив

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

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

Обновление

Решение Vega явно лучше! Просто игнорируйте меня ^^

Update 2

Используйте CSS, как Вага»предложил, и добавить новые правила отступов. как это:

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

Тогда это выглядит хорошо :)

Answer 2

Обивка на вашем столе головы больше, чем на ваших клеток. Вам нужно будет изменить отступы на него, чтобы выровнять th флажков с остальной частью вашей td как так:

.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; } 

ДЕМО: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; 
}