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

时间:2010-03-23 22:53:36

标签: padding html-table spacing

在下面的HTML片段中,我希望两个单元格并排放置,它们之间没有空格;如果可能的话,不使用CSS。如果第二个的最左边位置是第一个的最右边位置,为什么它们之间有任何空间? THX。

  <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>

2 个答案:

答案 0 :(得分:2)

为什么绝对定位您的表格单元格?它们会自动相互渲染。如果我没记错的话,你需要做的就是border-spacing =“0”。使用css会更容易=)

答案 1 :(得分:1)

我不完全确定我理解这个问题......浏览器会忽略它们之间的空间,并且应该将它们放在一起。

你想删除单元格之间的填充吗?尝试将style="border-collapse: collapse"添加到<table>元素。但更好的方法是将你的样式转移到css文件,因为你有很多东西在那里。

编辑啊,现在我注意到那里的position: absolute。摆脱它(以及随之而来的toprightbottomleft