zoukankan      html  css  js  c++  java
  • 如何让div页面居中|让div在页面居中的方法

    在页面代码最上面加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    再把div的style加上 margin:0 auto;
    <div style="height:500px; 500px; margin:0 auto;"></div>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>css控制层居中的方法</title>
    </head>
    <body>
    <div style="height:500px; 500px">dflzzp</div>  <!--这个层不居中 -->
    <div style="height:500px; 500px; margin:0 auto;">dflzzp</div>  <!--这个层居中 -->
    </body>
    </html>

    ==============

    如果无法运用<div style="margin:0auto">....</div>来设置层居中.

    出现这样问题可能是没有加hmlt的<!DOCTYPE头文件

    ,html向标准化的xml演变的过程是需要时间的,所以有三个dtd版本,我们现在用的最多的就是过渡期的dtd, 这三个分别是
    1,过渡型
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    2,严格型
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    3,框架型
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    如果对css 2.0标准不太熟悉不要使用严格型的dtd.我们现在使用过渡期的就行了!

    在网页最顶剖加上
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    万物都有自己的规则,人发明的事物更是如此。

        xhtml有它自己的规则,怎样表明它运用了某一项规则呢?文档类型定义(Document Type Definition简称DTD),它起到的就是这个作用,它是一组机器可读的规则,每一个html版本都又一个对应的DTD,浏览器通过分析页面的DOCTYPE(文档类型)声明来了解要使用哪个DTD,然后才知道选择哪个版本的xhtml。

        在过去运用html语言比较多的年代Html 4.01 Transitional是最常使用的,但现在谈到xhtml,那我们只说xhtml 1.0的三种主要文档类型:XHTML 1.0  过渡型、XHTML 1.0 严格型和XHTML 1.0 框架型。

    XHTML 1.0过渡型: 对XHTML 1.0规范的要求最不严格;允许使用层叠样式表和过渡性的格式化命令如字体命令;我们的大部分编码使用这种类型;
    XHTML 1.0严格型: 规定只能使用层叠样式表;我们不使用这种类型;
    XHTML 1.0框架型: 使用了框架的XHTML页面要求使用该类型;我们今后讲到的框架页面代码使用该类型。



        只要您制作的是xhtml文档,那么DOCTYPE声明就必不可少,DOCTYPE声明是xhtml 开头的两行代码,在下面示例中使用的DTD是xhtml 1.0 Strict的DTD:

    <!DOCTYPE html

      PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



        DOCTYPE通常包含制定DTD的URL,浏览器一般不读取它,只识别到常见的声明位置,就是以上代码的第二行Strict//EN位置,而且<!DOCTYPE> 没有结束标签。

    xhtml 1.0过渡型

    <!DOCTYPE html

      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    xhtml 1.0框架型

    <!DOCTYPE html

      PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">



        大多数可视化网页编辑器都可以在创建网页时自动添加文档类型声明 ,但一定要注意并了解你在使用的文档类型。

  • 相关阅读:
    Codeforces Round #632 (Div. 2)
    Codeforces Round #630 (Div. 2)
    多项式全家桶
    Educational Codeforces Round 84 (Rated for Div. 2)
    【cf1186E】E. Vus the Cossack and a Field(找规律+递归)
    [CF847B] Preparing for Merge Sort
    [CF858D] Polycarp's phone book
    [CF911D] Inversion Counting
    [CF938C] Constructing Tests
    [CF960C] Subsequence Counting
  • 原文地址:https://www.cnblogs.com/dudu837/p/1817017.html
Copyright © 2011-2022 走看看