zoukankan      html  css  js  c++  java
  • 绝对定位的div的居中方法,下面的写法兼容IE系列浏览器和火狐浏览器。

    详细解说,直接看样式:
    #dingwei{padding:10px;background-color:#003300;color:#FFFFFF;
     600px;height:300px;
     display:block; 
     position: absolute;
     top:50%;
     left:50%;
     margin-left:-300px;
     margin-top:-150px;}

    padding:10px;background-color:#003300;color:#FFFFFF; 这几句都是装饰性的东西不是核心;

     600px;height:300px; DIV总的有个宽高吧,根据你的具体情况设置;

    display:block; 把DIV以块级元素显示;

     position: absolute;top:50%;left:50%;margin-left:-300px; margin-top:-150px; 这一段时重点,我想聪明的朋友都看明白了。
    就是绝对定位DIV层,当然你应该让他相对于body标签。margin-left:-300px; 这个值是DIV宽度的一半, margin-top:-150px; 是DIV高度的一半。

  • 相关阅读:
    【网络流24题----15】汽车加油行驶问题
    【网络流24题】最小路径覆盖问题
    网络流二·最大流最小割定理
    贪吃蛇
    【SCOI2008】着色方案
    DARK的锁链
    【NOIP2014】飞扬的小鸟
    [NOIP2012] 借教室
    [NOIP2012] 开车旅行
    [NOIP2012] 国王游戏
  • 原文地址:https://www.cnblogs.com/liuling/p/dasfafd.html
Copyright © 2011-2022 走看看