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>
     
  • 相关阅读:
    linux下修改Mysql的字符编码方式
    创建XMPP工程步骤
    ClickOnce清单签名取消后依然读取证书的问题
    FxCop卸载后依然生成文件夹的问题
    使用了旧版nuget的.net项目在git中的问题
    CorelDraw X8 破解激活问题
    ASUS T100TA 换屏要记
    百度SMS SDK for .Net
    网易闪电邮
    《The Practice and Theory of Bolshevism》的笔记-第114页
  • 原文地址:https://www.cnblogs.com/Orange-C/p/4042503.html
Copyright © 2011-2022 走看看