图片大小不适合div

  • 本文关键字:不适合 div html css
  • 更新时间 :
  • 英文 :


我必须适合我的div大小是height=250pxwidth=1000px,并希望自动适合这个大小的图像。但是当我上传图片时,它不适合div

我的代码在这里:

css

#main {
  width:1000px;
  margin:0 auto;
  background: #fff;
  position:relative;
  z-index:1;
}
.promo-image {
  margin:0 0 8px;
}
.promo-image img {
  vertical-align:top;
}

:

<main id="main" role="main">
  <div class="promo-img">
    <?php
      $sql4 = "SELECT * FROM adverts_top ORDER BY id DESC LIMIT 1";
      $query4 = $conn->query($sql4);
      $row4 = $query4->fetch(PDO::FETCH_ASSOC);
      $link4 = $row4['link_url'];
      $images4 = $row4['imagepath'];
      $immg4 = basename($images4);
      $imagee4 = "adverts"."/".$immg4;
      $rowc = $query4->rowCount(PDO::FETCH_ASSOC);
      if ($rowc>=1) {
        echo "
            <a href='$link4'; target='_blank'><img src='$imagee4';></a>
             ";
      }
      else {
            echo "";
      }
   ?>
  </div>
</main>

您需要在<img>中使用width:100%,您可以使用内联css,也可以将其写入外部文件

内联

<a href='$link4'; target='_blank'><img src='$imagee4'; style="width:100%"></a>
外部

<img>中传递一个类,并根据该

编写css
<a href='$link4'; target='_blank'><img src='$imagee4'; class="fullWidth"></a>
.fullWidth{
  width:100%;
}

我想他是这个意思

.promo-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8px;
  left: 0;
}

看到他如何将#main的位置设置为相对位置,而不为#main设置任何其他值(如topleft)

最新更新