div中图片居中放置

要将图片在`div`中居中放置，可以使用CSS来实现。有几种方法可以实现这个效果，以下是其中两种常见的方法：

方法一：使用`text-align`和`vertical-align`属性

HTML:

<div class="container">
  <img src="your-image.jpg" alt="Your Image">
</div>

CSS:

.container {
  text-align: center;
  height: 300px; /* 设置高度以便垂直居中 */
  line-height: 300px; /* 设置行高以便垂直居中 */
}

.container img {
  vertical-align: middle;
}

方法二：使用Flexbox布局

HTML:

<div class="container">
  <img src="your-image.jpg" alt="Your Image">
</div>

CSS:

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 300px; /* 设置高度以便垂直居中 */
}

这些方法都会将图片水平和垂直居中放置在`div`中。您可以根据需要选择其中的一种方法，并根据实际情况调整样式。