zoukankan      html  css  js  c++  java

  • div居中

    往左移动盒子的一半 和往上移动一半

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DIV层居中遮罩</title>
    <style>

        #center-VH {
            position:absolute;
            top:50%;
            left:50%;
            400px;
            height:200px;
            background:#fff;
            margin:-102px 0 0 -202px;/*//盒子的一半 盒子的高度=contentwidth+border+padding*/ 
            line-height: 200px;
            text-align: center;
            border: 4px solid #CCC;
        }
    </style>
</head>
<body>
  <div id="win">Div层居中:)更多：<a href='http://www.codefans.net'>网页特效</a></div>
</body>

    　　
  • 相关阅读:
    5
    4
    2
    3
    1
    IOS js交互
    vm安装mac
    索引
    ORM 基础
    reids 日志no
  • 原文地址：https://www.cnblogs.com/bravolove/p/5460785.html
Copyright © 2011-2022 走看看