网站制作

本类阅读TOP10

·IIS 安装配置全攻略
·用VS.NET打开网上下载的.NET web项目出错的解决办法
·HTML 4.0 语言快速参考
·限制TextArea区的文字输入数量
·如何在网页上实现进度条
·Apache的配置步骤及测试
·谈谈Jesse James Garrett提到的Ajax
·html基础学习笔记(2)
·页面垂直居中的两种方法
·用asp遍历目录下文件的例子

分类导航
VC语言Delphi
VB语言ASP
PerlJava
Script数据库
其他语言游戏开发
文件格式网站制作
软件工程.NET开发
在HTML页面中设置表格水平和垂直方向都居中的方法【原创】。

作者:未知 来源:月光软件站 加入时间:2005-2-28 月光软件站

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

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

    效果演示:http://lihong.luojia.net/Ardor/index2.htm




相关文章

相关软件