优学府室内设计培训温馨提示：初高中生，大学生，在岗人员，待业青年学计算机技术，学室内设计共同的选择.
    室内设计学校教学环境
    微信号：youxuefu / QQ：398666082
    2023年室内设计专业新班预报
    选择优学府，就业才靠谱！技能+学历双修
当前位置：首页 > 学习教程 >> 网页学习教程

div自动适应浏览器窗口

[阅读次数： 次]  
      

    div是现代网页设计的主要承载容器，table基本上已经没有人使用了，本文主要讲解的是关于DIV中的自动适应浏览器窗口水平和垂直居中代码的编写。

     

    代码如下：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>div自动适应浏览器窗口水平和垂直居中</title>
    <style type="text/css">
    <!--
    *{margin:0;padding:0;}
    #divcss{width:834px; height:550px; border:1px solid #9f9f9f; position:absolute;left:50%;margin-left:-417px;top:50%;margin-top:-275px;}
    -->
    </style>
    </head>
    <body>
    <div id="divcss">自动适应水平和垂直居中</div>
    </body>
    </html>

     

    在实际的排版设计中，我们可以根据实际要求去加以调整，并且把CSS代码放置到一个统一的文档中，用include文件包含到所有应用的文档上。

     >> 更多学习教程
学生入学，报名教程
    --学校介绍--
    --热门课程--
    --报名咨询--
    --学习生活--
    --学生作品--