将特定表列居中到页面

Question

我有一个有两列的表.我想将最右边的列与页面居中,以便左列悬挂在左侧.

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

Answer 1

你是对的 - CSS是要走的路.为列提供一个id或者class您可以定位的列,并在CSS中心.假设您的表格宽度在您想要的位置,请为其指定一个宽度,减去左侧的另一列.
像这样的东西:

HTML:

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

CSS:

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

编辑:根据下面的评论,这里是一个示例布局,只使用div而不是表 http://jsfiddle.net/willyrybone/8eR6G/

HTML:

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

CSS:

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

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

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