zoukankan      html  css  js  c++  java
  • 居中问题

    (1)
    .div1{ /!*水平居中*!/ margin:0 auto; 100px; height:100px; background: #1FC195; }

    (2)
      .div1{   /*水平居中*/
                position:relative;
                left:50%;
                200px;
                height:100px;
                margin-left:-100px;
                background:mediumseagreen;
       }

    (3) .div1{ /!*水平垂直居中*!/ position:absolute; left:50%; top:50%; 200px; height:100px; margin-left:-100px; margin-top:-50px; background:mediumseagreen; }

    (4) .div1{ /!*水平垂直居中*!/ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background: #D66464; 100px; height:100px; }


    (5)
       .div1{  /!*水平垂直居中*!/
                position:absolute;
                left:50%;
                top:50%;
                transform:translateX(-50%);
                transform:translateY(-50%);
                background: #8FBC8F;
                100px;
                height:100px;
        }
    宝剑锋从磨砺出,梅花香自苦寒来。
  • 相关阅读:
    二分查找改遍
    条件运算符?:
    k倍区间
    分巧克力
    mm
    素数
    递归return
    确定一个域名使用的邮箱服务商
    mysql 存储过程一实例
    使用vmware 共享 windows下的文件夹 到 centos
  • 原文地址:https://www.cnblogs.com/haimengqingyuan/p/6855714.html
Copyright © 2011-2022 走看看