zoukankan      html  css  js  c++  java
  • css控制div中图片垂直居中

     .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>
    

    摘自:http://www.planabc.net/2008/05/26/img_vertical_center_solution/

  • 相关阅读:
    java基础测试
    java随笔
    Android 开机广播的使用
    ZOJ 3715 Kindergarten Election
    LightOJ 1051
    LightOJ 1042
    LightOJ 1049
    LightOJ 1048
    LeightOJ 1046
    LightOJ 1045
  • 原文地址:https://www.cnblogs.com/kinpauln/p/1774260.html
Copyright © 2011-2022 走看看