html table space,html images in table with no space

问题

I have an html table in which I am placing images side by side inside the td's. How can I get it so that there is no space at all between each image? By default all browsers seem to put in a small space despite 0 padding and margin on each table element. I am not specifying a width on the td's so by default it takes up the width of the image inside of it.

i.e:

回答1:

Apply this css:

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

table { border-collapse: collapse; }

This resets all spaces to 0.

回答2:

One more thing that can avoid unwanted space between images:

回答3:

cellspacing and cellpadding should be 0 on the table.

回答4:

Take a look at cellpadding, border, and cellspacing attributes for the HTML table tag. If you are using XHTML or CSS, then check out the corresponding styles - border-collapse, padding, etc.

回答5:

On my situation, I am trying to continue coding photoshop / imageready splitted html (generated via slice tool or save for web).

If table have a "height" attribute and you replace some images with shorter content, table maintain height adding mysterios gaps between images.

All I have to remove the height. Simple and stupid, but this is a situation can happen.

来源：https://stackoverflow.com/questions/3825500/html-images-in-table-with-no-space