Question

我创建了一个由1行组成的表，它由表中的3个td单元组成。然而，即使我将td单元格中的内容对齐，td单元也会有些混乱，因为它靠得很近。我的代码在下面找到......

 <table>
                <tr>
                    <td style="color:white;background-color:#000000;">Events Today: <font></font></td>
                    <td align="left" id="totalattack" style="color:white;background-color:#000000;">0      </td>
                    <td align="right"id="todaytime" style="color:white;background-color:#000000;">Current Time</td>
                </tr>
            </table>

    window.onload=startTime;
    function startTime() {
        var today = new Date();
        var h = today.getHours();
        var min = today.getMinutes();
        var s = today.getSeconds();
        var y = today.getFullYear();
        var mon = today.getMonth()+1;
        var d = today.getDate();
        min = checkTime(min);
        s = checkTime(s);
        mon = checkTime(mon);
        d = checkTime(d);
        document.getElementById('todaytime').innerHTML = "   Local Date:"+ d + "/" + mon + "/" +y + "   Local Time:" + h + ":" + min + ":" + s + " SGT ";
        var t = setTimeout(startTime, 500);
    }
    function checkTime(i) {
        if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
        return i;
    }

我的形象就是这样......

我的问题是如何在0和本地日期之间创建间距.... 我希望在0（今日活动）和当地日期之间留出空间......这样它就不会乱了......怎么办？请帮帮我......

Answer 1

有一些可能性。 Reynald's，Elvis，JavaEvgen还可以。

另一个类似CSS的是

#todaytime, #totalattack { padding: 0 10px;}

标签之后的空格通常没有效果，多个空格被计为一个空格。如果希望每个空格都有效果（）

，请使用不间断空格

document.getElementById('todaytime').innerHTML = "&nbsp;Local Date:" ...

Answer 2

试试这个css

table > tr > td{ padding: 0 10px;}

添加一些填充以在每列之间创建空间

Answer 3

尝试添加：

table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

并使用border-spacing属性“播放”

Answer 4

直接在css或html中添加一些填充，如：

<table>
   <tr>
      <td style="... padding-right: 10px;">...</td>
      <td style="... padding-right: 10px;">...</td>
      <td style="...">...</td>
   </tr>
</table>

如果您不想在那里使用空格，请不要在最后一列添加填充。

Answer 5

尝试添加：

table, th, td  {
  border: 1px solid grey;
  border-collapse: collapse;
  padding: 2px 10px 2px 10px;
}

Answer 6

将此代码用于cellpadding＆amp; cellspacing

实现表中td单元格之间的间距

6 个答案: