html изображения в таблице без пробелов

Question

У меня есть таблица html, в которой я размещаю изображения рядом друг с другом внутри td. Как я могу получить его так, чтобы между каждым изображением не было места? По умолчанию все браузеры, кажется, помещаются в небольшое пространство, несмотря на то, что на каждом элементе таблицы было 0 отступов и полей. Я не указываю ширину на td, поэтому по умолчанию она занимает ширину изображения внутри него.

т.е:

<table> 
    <tr> 
    <td><img ... /></td> //no space between the td's 
    <td><img ... /></td> 
    </tr> 
</table> 

Answer 1

Примените этот CSS:

td, tr, img { padding: 0px; margin: 0px; border: none; } 
table { border-collapse: collapse; } 

Это сбрасывает все пробелы в 0.

Answer 2

Посмотрите на cellpadding, border и cellspacing атрибутов для HTML table тега. Если вы используете XHTML или CSS, а затем проверить соответствующие стили - border-collapse, padding и т.д.

Answer 3

CELLSPACING и CELLPADDING должно быть 0 на столе. более

<table cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><img></td> 
    <td><img></td> 
    </tr> 
</table> 

Answer 4

Одна вещь, которая может избежать нежелательного пространства между изображениями:

<td style="line-height:0;">