如何让table在body下垂直居中

关注

转载最新推荐文章于 2026-04-02 02:21:25 发布 5.3k 阅读 AI 写同款· GEO 优化 ›

div垂直居中的N种方法 div垂直居中的N种方法，div垂直居中的N种方法立即下载

经测试多浏览器下实用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>test</title>
 <meta http-equiv=Content-Type content="text/html; charset=utf-8">
 <meta content="MSHTML 6.00.6000.16825" name=GENERATOR>
</head>
<body>
    <table height="100%" width="100%" border="0">
        <tbody>
            <tr>
                <td align="center" valign="middle">
                    <table cellspacing="0" cellpadding="0" width="270" align="center" border="0">
                        <tbody>
                            <tr>
                                <td>
                                    213
                                </td>
                                <td>
                                    12
                                </td>
                                <td>
                                    12
                                </td>
                            </tr>
                            <tr>
                                <td>123
                                </td>
                                <td>
                                    321
                                </td>
                                <td>
                                    12
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

 

最关键的应该是：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<div style="position:absolute;top:50%;left:50%;margin:-250px 0 0 -260px;width:400px;height:200px;font-family:Arial, Helvetica, sans-serif;color:#666666 ">

收录于