HTML таблица без пробелов

Question

У меня есть следующий код CSS:

tr.uprightTr 
    { 
     padding: 0px; 
     margin: 0px; 
     height: 10px; 
     border: none; 
     border-spacing: 0px; 
    } 
    td.uprightTd 
    { 
     padding: 0px; 
     margin: 0px; 
     height: 10px; 
     border: none; 
     border-spacing: 0px; 
    } 
    table.uprightTbl 
    { 
     padding: 0px; 
     margin: 0px; 
     border: none; 
     border-collapse: collapse; 
     border-spacing: 0px; 
    } 

И следующий HTML:

<table class="uprightTbl" cellpadding="0" cellspacing="0"> 
    <tr class="uprightTr"> 
     <td class="uprightTd"><input type="checkbox" /></td> 
... 

Независимо от того, что я пытался, он сохраняет некоторое пространство между элементами. Любые идеи о том, что я могу попробовать или, возможно, ошибаюсь?

P.S: Я также проверил элемент на Chrome, элемент успешно выполнил соответствующие строки css.

Answer 1

ли вы пытаетесь добавить правило CSS для всех элементов, таких как:

.uprightTbl * { 
    border: none; 
    border-collapse: collapse; 
    padding: 0; 
    margin: 0; 
} 

Это может решить вашу проблему.

Answer 2

Добавьте приведенный ниже код CSS:

input[type=checkbox] { margin:0 } 

По умолчанию, браузер установлен некоторый запас вокруг.

Надеется, что это помогает ..

Answer 3

Нанести ниже стилей:

border-spacing:0; 
border-collapse:collapse; 

Этого запрос уже присутствует: Set cellpadding and cellspacing in CSS?

Answer 4

Проверка на любой дисплей: встроенный блок ... и изменить для отображения : блок. Встроенный блок добавляет 3-4 пикселя пространства после элемента ...

Если вы используете какие-либо изображения, убедитесь, что они отображаются в виде блока.