html - 在 TD 之间放置空间

Question

我想在我的标签之间腾出空间：

    <td style="text-align:left;">
    <strong><font size="7" color="white">Test</font></strong>
    </td>
    <td style="text-align:right;">
    <img src="example.png" alt="Banner" style="border:0;width:560px;height:95" />
    </td>

我试过这样做：

    <td style="text-align:left;">
    <strong><font size="7" color="white">Test</font></strong>
    </td>
    <td style="width:100;">
    </td>
    <td style="text-align:right;">
    <img src="example.png" alt="Banner" style="border:0;width:560px;height:95" />
    </td>

然而它似乎是多余的，它仍然没有工作！我只想在我的第一个 td 和我的最后一个之间放置 100 个像素，我只是不知道该怎么做。

Answer 1

我会把它放在你的样式表中。内联 CSS 可能会变得非常多余，因此不推荐使用。

table.padded tr td {
   padding-left: 100px;
}

table.padded tr td:first-child {
   padding-left: 0;
}

然后将课程padded（或其他，如果您愿意）添加到您的表格中。

Answer 2

添加cellspacing

 <table cellspacing='2'>
    <tr>
        <td>One</td>
        <td>Two</td>
    </tr>
</table>​​​​​​​​

演示。

Answer 3

我已经看到如果表格单元格为空，IE 不会呈现表格单元格。尝试在其中放置一个不间断的空间。话虽如此，CSS 绝对是要走的路。