如何从HTML表格中的表格单元格中删除空间

我一直在玩FreeMarker和html。在我的

.freemarker

文件中，我得到了一个数字列表。我使用一个表格来显示这些数字。我希望它们一个接一个地水平显示。现在他们在中间留下了一个很大的空间。我只想让它们靠在一起，用逗号隔开。我知道这更像是一个HTML问题，而不是Freemarker问题，但我想提及我是如何获得我的数字的

<table style="text-align: center; background-color: #fcc;    
padding: 6px; font-family: Verdana,sans-serif; width: 80%;">

  <tr>
     <#list failedIds as id>
        <td>${id}</td>
     </#list>

  </tr>
</table>

${id}

---

谢谢。

您可以试试CSS：

table {
border-collapse: collapse;
border-spacing: 0;
padding: 0;
}

table td, 
table th{
padding: 0; 
}

---

只需从

表格

样式中删除

宽度：80%

，

id将一个接一个地显示。这是因为通过删除表中的宽度，我们允许它折叠所有额外的空间，只使用所需的宽度

如果您需要将
80%
宽度作为设计的一部分，您可以使用
width:80%
将其包装在
div
中。由于您指定不希望使用外部CSS，因此以下所有样式都是内联的

现场演示：



身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
尝试使用我编写的代码。似乎是按你需要的方式工作

如果需要保持元素的宽度，我刚刚将width属性从table标记更改为div标记



${id}，
我在@Luiz的帖子上看到了你的评论，上面说你希望行在达到一定长度后换行。要包装一个表行是相对困难的（这不是表的真正用途），因此这里有一个解决方案，它通过使用
span
s而不是使用表来实现您想要的。您可以看到，当行超出其
div
容器的维度时，它会换行为新的行

同样，这是使用完全内联的样式作为您对@wi_marti的回答请求的评论

现场演示：



身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
身份证件
对于这种特殊情况，我不想使用css。谢谢您的回答。您是否知道在这个sepcidic示例中，当该行达到限制时，如何检查是最好的方法。我想说的是，我不知道我会得到多少个数字，所以如果我得到的数字太多，我不希望有办法排得太长。有没有一种方法可以在其中一行达到某个宽度后开始新的一行？@danilo请看我的，它显示了一种不同的方法，使用
span
s作为布局，而不是表格。非常感谢。这正是我需要的。