Необязательный интервал в встроенной таблице

Question

Ввод 5 столбцов в строку для взлома электронной почты html. У меня есть разность полей и ячеек в 0, но я получаю огромное количество промежутков между 5 изображениями, поэтому я не могу понять, что мне не хватает. Я смог сделать это с двумя столбцами подряд, но не могу понять, что я делаю неправильно сейчас. Любая помощь приветствуется

https://jsfiddle.net/baboles/mpbd7b91/

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
     <td align="center" colspan="5"> 
      <a href="#"> 
      <img src ="#" style= "display: block; width: 600px;"> 
      </a> 
     </td> 
    </tr> 

<!--Column 1--> 

<tr> 
    <td align="right" colspan="1" width="120"> 
     <a style = "margin: 0px;" href="#"> 
     <img src="#" style="display: block; width: 120px;"> 
     </a> 
     </td> 

<!-- Column 2 --> 

     <td align="right" colspan="1" width="120"> 
     <a href="#"> 
     <img src="#" width="120px" style="display: block; width: 120px;"> 
     </a> 
     </td> 


<!-- Column 3 --> 

     <td align="center" colspan="1" width="120"> 
     <a href="#"> 
     <img src="#" width="120px" style="display: block; width: 120px;"> 
     </a> 
     </td> 


<!-- Column 4 --> 

     <td align="left" colspan="1" width="120"> 
     <a href="#"> 
     <img src="#" width="120px" style="display: block; width: 120px;"> 
     </a> 
     </td> 

<!-- Column 5 --> 

     <td align="left" colspan="1" width="120"> 
     <a href="#"> 
     <img src="#" width="120px" style="display: block; width: 120px;"> 
     </a> 
     </td> 
    </tr> 

Answer 1

Вы должны сделать следующие шаги:

1) Извлекайте ширина = "100%" в таблице тега

2) установить таблицу CSS -выполнение таблицы до фиксированной. Как ниже

<table border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed;margin: 0px auto;"> 

Answer 2

Обратите внимание, что между изображениями имеется только пробел, когда таблица имеет много горизонтальной ширины для заполнения. Вам нужно исправить ширину таблицы, чтобы она не становилась больше, чем нужно.

В качестве альтернативы вы можете выровнять 5 столбец таблицы столбцов и отобразить изображения встроенного блока или поплавать ими. При использовании встроенного блока, убедитесь, что разметка не имеет пространства между элементами, это может быть достигнуто с комментариями вроде так:

<img ...><!-- 
--><img ...><!-- 
--><img ...>