Как убрать пробелы между ячейками таблицы

Question

Как вы можете видеть под второй строкой моей таблицы между двумя ячейками, есть пространство, которое я хочу удалить, но я не уверен, как этого добиться.

Любая помощь или предложение будут оценены. Спасибо

var str1 = "78896541230";
str1 = str1.replace(/.(?=.{4})/g, 'x');
document.getElementById('output').innerHTML = str1;

<table border="0" cellspacing="0" cellpadding="1" class="formtable">
 
    <caption>Just for fun</caption>
    <tr>
      <td>The following will contain masked input number </td>
      <td id="output"></td>
    </tr>
    <tr>
      <td> If it is not masked number, then something is wrong.</td>
    </tr>
  
</table>

Answer 1

<table border="0" cellspacing="0" cellpadding="1" class="formtable">
    <tr>
      <td>The following will contain masked input number </td>
      <td id="output">XXXXXXX0230</td>
    </tr>
    <tr>
      <td colspan="2"> If it is not masked number, then something is wrong.</td>
    </tr>
</table>

Пробел между текстом и выходным числом вызван более длинным текстом во второй строке. Это приводит к растяжению первого столбца первой строки. Вы также вкладываете <tr> элементы, чего не следует.

Вы можете добавить colspan="2" к <td> во второй строке.

Answer 2

Указанный выше ответ хорош, если только текст во втором элементе <td> не увеличивается. Я нашел лучшее решение, которое действительно работает в моем случае. Вместо того, чтобы помещать значение #output в другой <td>, я могу встроить это в предыдущий <td>, и таким образом места не будет. Вот как

Code

var str1 = "78896541230";
str1 = str1.replace(/.(?=.{4})/g, 'x');
document.getElementById('output').innerHTML = str1;

<table border="0" cellspacing="0" cellpadding="1" class="formtable">

  <caption>Just for fun</caption>
  <tr>
    <td>The following will contain masked input number <strong id="output"></strong></td>

  </tr>
  <tr>
    <td> If it is not masked number, then something is wrong.</td>
  </tr>

</table>

Answer 3

Вы можете использовать атрибуты расстояния и заполнения ячеек в html 5 и установить их значения на 0 или -1