zoukankan      html  css  js  c++  java
  • 图片垂直居中问题解决方案

    1,使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。

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

    }

  • 相关阅读:
    HDU 5795
    HDU5783
    HDU 5791
    VK Cup 2016
    Codeforces Round #357 (Div. 2)
    Educational Codeforces Round 15
    HDU5724
    博弈学习 3
    Spring的多配置文件加载
    spring 核心技术
  • 原文地址:https://www.cnblogs.com/doublehappyi/p/4168894.html
Copyright © 2011-2022 走看看