让一个表格在整个页面中上下左右都居中

来源:互联网 发布:安特日日奇体测数据 编辑:程序博客网 时间:2024/04/28 03:22

一、先在在页面最外层加一个表格(一行一列),将其高度设置为100%,宽度设置为100%或者是合适的象素值,并将表格设为居中对齐(水平方向上的)。
二、在刚才的表格中再添加一个表格(就是你想要在水平和垂直方向上都居中的那个表格),将表格设置为居中对齐(水平方向上的),垂直对齐方向不用设置(因为默认的垂直居中方式就是居中)。
   代码如下:
   <!-- Test.htm -->
   <html>
   <head>
   <title>表格水平和垂直方向都居中示例。</</title>
   <meta http-equiv=content-type content="text/html; charset=gb2312" >
   </head>
   <body>
   <!-- 外部表格开始 -->
   <table width="760" height="100%" align="center">
   <tr>
   <td>
   <div align="center">
   <!-- 内部表格开始 -->
   <table width="200" height="300">
   <tr>
   <td></td>
   </tr>
   </table>
   <!-- 内部部表格结束 -->
   </div>
   </td>
   </tr>
   </table>
   <!-- 外部表格结束 -->
   </body>
   </html>

原创粉丝点击