如何使用css在html表格中左右移动项目-

我的

s中有6个

s，我希望每行的最后3个都靠得更近。我怎样才能移动它们

这是我的html：

<p> Test.com Funtown <div><a href="#">Click Here</a></div> </p>
  <table>
    <tbody>
      <tr>
        <td class="statusRunning">R</td>
        <td>My First Try</td>
        <td>100 / 250 plays</td>
        <td><a href="#">Players</a></td>
        <td><a href="#">Duplicate</a></td>
        <td><a href="#">Archive</a></td>
      </tr>
      <tr>
        <td class="statusQueued">1</td>
        <td>The best try</td>
        <td>0 / 250 plays</td>
        <td><a href="#">Players</a></td>
        <td><a href="#">Duplicate</a></td>
        <td><a href="#">Archive</a></td>
      </tr>
      <tr>
        <td class="statusIncomplete"> </td>
        <td>Could be better</td>
        <td>0 / 50 plays</td>
        <td><a href="#">Players</a></td>
        <td><a href="#">Duplicate</a></td>
        <td><a href="#">Archive</a></td>
      </tr>
    </tbody>
  </table> 

---

使用CSS分别针对它们并删除/减少填充

table tr td:nth-child(4), table tr td:nth-child(5), table tr td:nth-child(6){  
    padding:0;
}

我完全删除了它们上面的填充，不过您可能需要添加一些像素。

n子级（n+4）

如是（）：

以下是预览：

---

我会把它们放在同一个

中，并在

中添加边距/填充

Html

将HTML控件的id atribute设置为.css文件中包含的css类
并在.css文件中添加以下代码

<HTMLControl id="id">

#id{
margin-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
enter code here}


#身份证{
左边距：20px；
边缘顶部：15px；
边缘底部：15px；
在此处输入代码}
表中有18个元素，每行有6个。当你说你想要最后3个“紧密结合”是什么意思？谢谢你的帮助，但奇怪的是，当我把同样的代码放进去的时候，它对我的桌子没有任何影响。。。如果我和SURS基金会5一起使用SASS会有什么关系吗？否则我不知道该怎么做来修复它。。。
td:nth-child(n+4){
    padding: 0;   
}

  <tr>
    <td class="statusRunning">R</td>
    <td>My First Try</td>
    <td>100 / 250 plays</td>
    <td class="tightcell"><a href="#">Players</a><a href="#">Duplicate</a><a href="#">Archive</a></td>
  </tr>

.tightcell a
{
    margin: 0 2px;    
}

<HTMLControl id="id">

#id{
margin-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
enter code here}