zoukankan      html  css  js  c++  java
  • 文字以及div水平垂直居中

    文字以及div水平垂直居中.md

    <div class="content">
        <div class="mydiv">
            huangyingnin!
        </div>
    </div>
    

    文字居中

    水平居中text-align: center;

    .mydiv{
        text-align: center;
    }
    

    垂直居中 vertical-align: middle;

    .mydiv{
        height:400px;
        text-align: center;
        vertical-align: middle; 
        line-height: 400px;
      } 
    

    div垂直居中

    .mydiv{
       text-align: center;
       position:absolute;
       300px;
       height:200px;
       left:50%;
       top:50%;
       margin:-100px 0 0 -150px;
    }
    

    使用js

    $(window).resize(function(){ 
        $(".mydiv").css({ 
            position: "absolute", 
            left: ($(window).width() - $(".mydiv").outerWidth())/2, 
            top: ($(window).height() - $(".mydiv").outerHeight())/2 
        });        
    }); 
    

    $(function(){
    $(window).resize();
    });

    -----------------------------------------------------------------------
    Simple is Beautiful,Less is More.
    --FuGardenia
  • 相关阅读:
    JavaScript节点属性
    main函数的参数
    CGI
    open()函数 linux中open函数使用
    海伦公式
    C语言字符串操作函数
    makefile(一)
    makefile
    第一天
    时间小憩
  • 原文地址:https://www.cnblogs.com/yunqianduan/p/3972707.html
Copyright © 2011-2022 走看看