如何删除表格单元格之间的空格

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

您可以使用 html 5 中的单元格间距和单元格填充属性，并将其值设置为 0 或 -1

Answer 3

上述答案都很好，除非第二个元素中的文本增加。我找到了一个更好的解决方案，它确实适用于我的情况。而不是把 的值放在另一个，我可以内联，在上一个和那样的空间不会在那里。操作方法如下<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>