如何在不使用 css 的情况下并排获得两个 TD 单元答案

【问题标题】：How to get two TD cells side by side WITHOUT using css如何在不使用 css 的情况下并排获得两个 TD 单元
【发布时间】：2011-01-31 01:04:13
【问题描述】：

在下面的 HTML sn-p 中，我希望两个单元格并排放置，它们之间没有空格；如果可能，不使用 css。如果第二个的最左边的位置是第一个的最右边的位置，为什么它们之间会有任何空间？谢谢。

  <TR>

  <TD style="position:absolute; top:98px; left:0px; right:56px; bottom:126px; font-size: 7pt; background-color:Lime; text-align: center; font-family: Arial;" cellpadding="0" cellspacing="0">ABC</TD>



     <TD style="position:absolute; top:98px; left:56px; right:112px; bottom:126px; font-size: 7pt; background-color:Lime; text-align: center; font-family: Arial;" cellpadding="0" cellspacing="0">123</TD>

【问题讨论】：

天哪，你对那张桌子做了什么？
绝对定位的表格单元格？如果它是一封电子邮件，我想，好吧，但除此之外的任何其他内容都表明 TD 标签是错误选择。

标签： padding html-table spacing

【解决方案1】：

我不完全确定我理解了这个问题......源代码中它们之间的空格将被浏览器忽略，并且应该将它们放在一起。

您要删除单元格之间的填充吗？尝试将style="border-collapse: collapse" 添加到<table> 元素。但更好的做法是将您的样式转移到一个 css 文件中，因为那里有很多事情要做。

编辑：啊，现在我注意到了position: absolute。摆脱它（以及随之而来的top、right、bottom 和left）。

【讨论】：

谢谢。我通常不会在 TD 中包含（顶部、左侧等），但我正在尝试从另一个应用程序镜像文本数据的位置。这个另一个应用程序吐出一个数据文件，指示其屏幕信息的位置（顶部、左侧等）。理想情况下，我希望让 TD 在不添加任何空格的情况下对其 TOP 和 LEFT 属性进行操作。我可能会用 css 结束 ;) - 谢谢
听起来你可能想使用 div 而不是表格和 tds。

【解决方案2】：

为什么要绝对定位表格单元格？它们会自动彼此相邻渲染。如果我没记错的话，你需要做的就是border-spacing="0"。不过使用 css 会容易得多 =)

【讨论】：