php - 使用 CSS 缩放图像

Question

我正在创建一个“最近的博客帖子”模块，您可以在其中查看用户提交的帖子，包括图片。我的问题是我不希望图片的高度超过 400 像素。如何缩放图像并将其居中？

<div class="feed">
  <div class="feed-image">
  <?php
  preg_match('/<img.+src=[\'"](?P<src>.+)[\'"].*>/i', $row["content"], $image);
  echo '<img src="'.$image['src'].'">';
  ?>
  </div>
</div>

Answer 1

您可以简单地将图像上的 max-height 元素设置为 400px

CSS

.feed-image img{
    max-height:400px;
    width: auto;
    margin: 0 auto;
}

使用 max-height 元素允许灵活调整图像大小，而 margin: 0 auto; 使图像居中