CSS для толщины без границ

Question

У меня есть таблица, которую я построил с границей 0px, и я пытаюсь сделать так, чтобы изображения в каждой строке легко совмещались друг с другом, но даже при том, что граница не показывает, все еще есть разрыв 1pxмежду рядами.Есть ли способ исправить это?

table { 
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 10px;
}   

table th, table td { 
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}  

tr { 
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px; 
}

Answer 1

Возможно, содержимое внутри таблицы создает дополнительное пространство, и вы не упомянули, какой браузер, но учтите, что IE7 не понимает border-collapse , поэтому вам следует добавить:

<table cellspacing="0">

к таблице для IE7. Кроме того, нет оснований применять border-collapse к tr.

Answer 2

Я думаю border-spacing для стола.Вы пробовали border: none для элемента tr?

Answer 3

Спасибо за ответы, у меня в HTML есть cellspacing = "0", и я попробовал все ваши предложения.Казалось, никто не изменил результат, теперь я думал только о том, что я работаю на Mac и что это какая-то проблема браузераМне придется проверить его на ПК и посмотреть, как он выглядит.

Answer 4

вы пробовали display: block для изображений?

Answer 5

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

CSS

img {
   border:none;
   padding:0;
   margin:0;
}

HTML

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
..table rows..
</table>