如何删除html表格一列内容之间自动添加的空格

html django问题

首先这是一个table

字母之间不知道为什么添加了空格。

这是我的代码：

<td style="font-size: 16px; line-height: 25px">
     {% for i in documents %}
     {% if i.is == 0 %}
     <nobr>{{ i.content }}nobr>
     {% else %}
     <nobr style="color: #00008B; font-weight: bold">{{ i.content }}nobr>
     {% endif %}
     {% endfor %}
td>

我原本的i之间是没有空格的，求解答

应该是标签之间默认的留白导致的，因为每遍历一次就重新生成一个标签，将字符放到了一个新标签，所以看起来像是有空格。解决方法：父元素的字体大小设置为0px;然后再单独给子元素设置字体大小。示例代码：

<td style="font-size: 0; line-height: 25px">
     {% for i in documents %}
     {% if i.is == 0 %}
     <nobr style="font-size: 16px;">{{ i.content }}</nobr>
     {% else %}
     <nobr style="font-size: 16px; color: #00008B; font-weight: bold">{{ i.content }}</nobr>
     {% endif %}
     {% endfor %}
</td>

有帮助的话，请点采纳

如果想要删除 HTML 表格中一列内容之间的自动添加的空格，您可以使用 CSS 来解决此问题。

您可以在 HTML 文件的 head 部分中添加以下代码：

<style>
  td {
    padding: 0;
  }
</style>

这将应用到您的整个 HTML 文件中的所有 td 元素，从而删除它们之间的空格。您可以通过更改 padding 的值来调整您希望的空格大小。

另一种解决方案是将空白单元格内容替换为不带空格的内容，例如：

<td></td>

替换为：

<td></td>