Html 将特定表格列居中到页面

我有一个有两列的表。我想将最右边的列与页面居中，这样左边的列就会挂在左边

<table width="960" border="0" cellpadding="0">
 <tr>
   <td width="100"><!--COLUMN TO HANG TO LEFT--></td>
 <td><!--COLUMN TO BE CENTER WITH PAGE--></td>
</tr>
</table>

---

我假设解决方案将是CSS。

你是对的-CSS是一条路要走。为列指定一个您可以定位的

id

或

class

，并在CSS中心设置它。假设您的表格宽度是您想要的宽度，为它指定一个表格宽度，减去左边的另一列。
大概是这样的：

HTML:

编辑：根据下面的评论，这里是一个使用div而不是表的示例布局

HTML:

---

您必须将您的桌子包装成一个div，并将其居中：

<div style="width:1060px; margin: auto">
    <table width="960" border="0" cellpadding="0">
        <tr>
            <td width="100">COLUMN TO HANG TO LEFT</td>
            <td style="background: #ccc">COLUMN TO BE CENTER WITH PAGE</td>
        </tr>
    </table>
</div>

要挂到左侧的柱
列与页面居中

---

如果您的数据（希望是数据！）只有两列，则不需要表格……没错，但我将表格用于主站点布局。：）我认为使用表格进行布局是一种技术，现在只用于吓唬孩子例如，你可以考虑阅读，没有理由继续使用表格来进行布局。特别是像两列布局这样简单的东西。Joseph正确地回答了你的问题，但J-Bangin提出的“使用纯CSS”的现代概念确实是你应该采取的正确方式。我可能没有正确地实现这一点，但当我尝试这一点时，它只将内容集中在第二栏中。这就是我阅读你原始帖子的意思。“我想把页面最右边的一栏放在中间，这样左边的一栏就会挂在左边。”也许你想要达到的最终效果还不清楚，但是上面有一些链接可能会对你有所帮助。如果数据不是实际表中的几行，则可能需要切换到布局的标记。net.tutsplus.com和css-tricks.com在开始时也是很好的资源。它们都有很好的视频教程和源代码下载，因此您可以与演示者一起工作。

   td.center { 
            text-align: center;
            width: 860px;   
           }

 <div id="page-wrap"> 
    <div id="sidebar"> 
        <p>this is some</p> 
        <p>sidebar content</p> 
    </div> 
    <div id="main-content"> 
        <p>This is some</p> 
        <p>centered main content</p> 
    </div> 
<div> 

#page-wrap {
                width: 960px;
                margin: auto;
            }

#sidebar  {
                float:left;
                width: 100px;
                background: #eee;
            }

#main-content {
                text-align:center;
                background:#bbb;
            }

<div style="width:1060px; margin: auto">
    <table width="960" border="0" cellpadding="0">
        <tr>
            <td width="100">COLUMN TO HANG TO LEFT</td>
            <td style="background: #ccc">COLUMN TO BE CENTER WITH PAGE</td>
        </tr>
    </table>
</div>