zoukankan      html  css  js  c++  java
  • 图片居中,图片垂直居中,图片水平居中

    .box {
            /*非IE的主流浏览器识别的垂直居中的方法*/
            display: table-cell;
            vertical-align:middle;
    
            /*设置水平居中*/
            text-align:center;
    
            /* 针对IE的Hack */
            *display: block;
            *font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/
            *font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/
    
            200px;
            height:200px;
            border: 1px solid #eee;
    }
    .box img {
            /*设置图片垂直居中*/
            vertical-align:middle;
    }
    
    <div class="box">
            <img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" />
    </div>
    

      

  • 相关阅读:
    E. You Are Given Some Strings...
    神奇函数
    AC自动机再加强版
    AC自动机2
    AC自动机
    three arrays
    permutation 2
    string matching
    permutation 1
    equation
  • 原文地址:https://www.cnblogs.com/buaaboyi/p/2841989.html
Copyright © 2011-2022 走看看