背景: #EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

在HTML页面中设置表格水平和垂直方向都居中的方法

[日期:2007-12-17] 来源:admin  作者:admin [字体: ]
cn域名注册仅需1元,全民体验沪上专业网站建设案例五一六免费统计审请
上海分类信息网免费发布网址180,上网好导航上海万网代理分销
企业网站推广请您下单广告预留广告预留
上海万网-品牌域名空间邮箱广告预留广告预留

    如果你想要你的网页内容无论在什么分辨率和任意浏览器窗口大小的情况下都处于浏览器中间的话,你可以把你的网页内容全部放在一个表格之中,然后把这个表格设置为垂直和水平方向上都居中。具体方法如下:

    (1)先在在页面最外层加一个表格(一行一列),将其高度设置为100%,宽度设置为100%或者是合适的象素值,并将表格设为居中对齐(水平方向上的)。

    (2)在刚才的表格中再添加一个表格(就是你想要在水平和垂直方向上都居中的那个表格),将表格设置为居中对齐(水平方向上的),垂直对齐方向不用设置(因为默认的垂直居中方式就是居中)。

    示例代码如下:

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

百宽科技( BaiKuan.COM),企业信息化服务一站式服务商!

阅读:
录入:admin

推荐 】 【 打印
上一篇:编程——请小心“千年虫”
下一篇:漂亮的日期选择器
相关新闻      
本文评论       全部评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款