zoukankan      html  css  js  c++  java
  • 在HTML页面中设置表格水平和垂直方向都居中的方法【原

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

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

  • 相关阅读:
    做过的项目介绍
    我在爱板网写的-- 【望月追忆】带你入门STM32F0系列文章
    注释:佛祖保佑--永无BUG
    【项目】----C/C++语法知识:typedef struct 用法详解
    【神舟王】----PCB 数字地 和 模拟地 处理方法
    NSDateFormatter的常用格式和格式化参数
    IOS常用开发第三方库整理
    iOS上如何让按钮文本左对齐问题(对齐方式)
    Swift学习5---协议(protocol)和扩展(extension)
    Swift学习4---枚举和结构体
  • 原文地址:https://www.cnblogs.com/yony/p/2566012.html
Copyright © 2011-2022 走看看