如何让div在整个页面中居中？

参考必应主页的样式，在页面中放置一个表格，100%宽高，然后表格内部是一个单元格，在单元格内部放置div，使其margin为auto即可。

<table style="height: 100%;  100%">
    <tr>
        <td>
            <div class="mainbox">
                xxx
            </div>
        </td>
    </tr>
</table>