zoukankan      html  css  js  c++  java
  • DIV 垂直 垂直水平 居中

    DIV 垂直 居中
    让div居中对齐 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。  .style{margin-left:auto;margin-right:auto;}  缩写形式为:  .style{margin:0 auto;}  数字0 表示上下边距是0。可以按照需要设置成不同的值。 
    <style type="text/css">
     .align-center{
        margin:0 auto; /* 居中 这个是必须的,,其它的属性非必须 */
        500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
        background:red; /* 背景色 */
         /* 文字等内容居中 text-align:center;*/
    }
    </style>
     
    @Html.Partial("_PartialMenuImg", "../../Images/Sys/test.jpg")
     
    <div class="align-center"></div>
     
    DIV 垂直水平 居中
    1,关于居中使用css为:position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;  对于ie6,只能把position:改成absolute; 
     
    <!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" lang="zh-cn">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>水平垂直居中div演示效果</title>
    <style type="text/css">
    .align-center{
    position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;
    }
    </style>
    </head>
    <body>
    <div class="align-center">水平垂直居中div演示效果</div>
    </body>
    </html>
     
  • 相关阅读:
    Head first javascript(七)
    Python Fundamental for Django
    Head first javascript(六)
    Head first javascript(五)
    Head first javascript(四)
    Head first javascript(三)
    Head first javascript(二)
    Head first javascript(一)
    Sicily 1090. Highways 解题报告
    Python GUI programming(tkinter)
  • 原文地址:https://www.cnblogs.com/Orange-C/p/4042503.html
Copyright © 2011-2022 走看看