您的位置信息之舟电 脑硬件栏目首页网页制作CSS&其它 收藏本页

→ CSS:使 DIV 在浏览器窗口中水平垂直居中

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

     

    <div style="position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px">

    ------内容--------

    ------图片文字flash等-----

    ----请注意,div宽度高度以及margin负值需针对内容进行相应设置--------

    </div>

    说明:

    绝对定位div


    position:absolute;

    顶部和左边距:


    top:50%; left:50%;

    使用外补丁 margin 负值,负值大小为层自身高度宽度各除以二
    margin:-200px 0 0 -275px;

    测试环境:
    IE6
    Mozilla 2.0.0.5
    Opera 9.22
    Netscape 9.0b1
    Safari for Windows 3.0.2



    附:使用此方法有个 bug,当浏览器窗口小于 div 时,顶部和左部内容会有所隐藏。

    红色文字是代码内容!

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

→ CSS&其它栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·KingCMS系统模板制作、模板的安装路径、模板文件夹内部结构
·KingCMS系统标签生成静态页面必须掌握的知识
·如何免费申请QQ号码和开通网络硬盘?此文单带申请链接
·介绍一种实现动态选择加载include HTM文件的简单办法
·如何实现网页中自动关闭(隐藏)子菜单?
·网页上通过javascript读取远程xml的数据
·KingCMS系统安装顺序可以生成静态html页面
·KingCMS系统文章内容页文章动态标签innerHTML 子标签mode属性
·创力网站管理系统 CreateLive CMS:上传基本参数、商城基本、用户信息参数说明
·创力网站管理系统 CreateLive CMS版本:v4.0.0728网站基本信息二、网站参数配置调用