通过中间边框将2列表格居中

Question

我有一个这样的表，有两列不同宽度的列。如何通过中间垂直边框将页面居中放置？

<table>
    <tr>
        <td>col 1 test</td>
        <td>col 2</td>
    </tr>
    <tr>
        <td>col 1 test</td>
        <td>col 2</td>
    </tr>
    <tr>
        <td>col 1 test</td>
        <td>col 2</td>
    </tr>
</table>

例如：

                    |  center of page
                    \/
 ------------------------------------------
|                                          |
|   My table                               |
|    -------------------------             |
|   | col 1 test     | col 2  |            |
|   |----------------|--------|            |
|   | col 1 test     | col 2  |            |
|   |----------------|--------|            |
|   | col 1 test     | col 2  |            |
|    -------------------------             |
|                                          |
 ------------------------------------------

Answer 1

这是一些不稳定的代码，但技术上有效。我不会建议按原样使用它：

http://jsfiddle.net/pq2x4t4f/

var columnWidth1 = $('td:first-child').width(),
    columnWidth2 = $('td:last-child').width(),
    offset = (columnWidth1 - columnWidth2) / 2;

$('table').css('right', offset + 'px');