CSS Табличная ячейка/высота строки ниже 1px?

Question

У меня есть таблица HTML, которая представляет собой несколько столбцов шириной и имеет 200 рядов. Мне нужно стилизовать этот стол так, чтобы он был всего 200 пикселей. То есть, каждая строка должна быть 1px высотой. Я пробовал стилизовать это в CSS, но таблица все еще слишком высока. Однако в Chrome он, кажется, сокращается, как и следовало ожидать, это только Firefox и Safari (все, что я тестировал до сих пор), что он не работает. Нужно ли удалить стиль по умолчанию? Вот код, который у меня есть до сих пор:

td { 
    height: 1px; 
    padding: 0px; 
    margin: 0px; 
} 

tr { 
    height: 1px; 
    padding: 0px; 
    margin: 0px; 
} 

Заранее благодарен!

Answer 1

Попробуйте этот

https://jsfiddle.net/kokilajs/o120u274/

<table style="border-spacing:0px; width:100%"> 

     <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     </tr> 
     <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     </tr> 

    </table> 

стилю

td{ 
    height: 1px; 
    padding: 0px; 
    margin: 0px; 
} 

tr { 
    height: 1px; 
    padding: 0px; 
    margin: 0px; 
} 
tr:nth-of-type(even) td{ 
    background-color:#AAA; 
} 
tr:nth-of-type(odd) td{ 
    background-color:#A0A; 
} 

Я думаю, что это может быть матч с вашей проблемой!