zoukankan      html  css  js  c++  java
  • 图片居中案例

     <style type="text/css">
        div{
         180px;//需要设置宽高
        height: 180px;
        border: 1px solid #A0A0A0;
        overflow: hidden;

        vertical-align: middle;

    //左右居中
        text-align: center;
        min-height: 220px;
    //上下居中
        display: table-cell;
     
      //text-align: left;text-align: left;vertical-align: middle;  td数据上下居中


        }
        a{
          
        }
        img{
             max- 100px;
             max-height: 100px;
        }
    </style>
    <body>
     
          <a href="">
               <div>
              <img src="./tupian/2-1.png">
              </div>
          </a>
     

    </body>

  • 相关阅读:
    第二次作业
    第四次作业
    第三次作业
    第二次作业
    第一次作业
    第四次作业
    第三次作业
    第二次作业
    第一次大学作业
    第四次作业
  • 原文地址:https://www.cnblogs.com/jiahaoJAVA/p/7017298.html
Copyright © 2011-2022 走看看