Allen 2020-05-16 14:02:48 12552 0 0 0 0

让图片适应容器大小,不至于太大,超出屏幕


CSS样式:

    <style type="text/css">
    .pic {
        width:900px;
        height:1000px;
        border:1px solid black;
        display: table-cell;
        vertical-align: middle;
      }
    .pic img  {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
      }
    </style>;
 

 

使用:

  <div class="pic">   
    <img src='../00Pic/201102/20110217_1245_154.jpg' />
  </div>


参考文章:css实现图片自适应容器的几种方式:https://blog.csdn.net/llll789789/article/details/97306638


【版權聲明】
本文爲原創,遵循CC 4.0 BY-SA版權協議!轉載時請附上原文鏈接及本聲明。
原文鏈接:https://tdlib.com/am.php?t=cGYYCm7KF8ZJ
Tag: CSS 图片
我也要發一個   ·   返回首頁   ·   返回[Html]   ·   前一個   ·   下一個
歡迎評論
未登錄,
請先 [ 註冊 ] or [ 登錄 ]
(一分鍾即可完成註冊!)
返回首頁     ·   返回[Html]   ·   返回頂部