HTML中div里面怎么放图片

你可以在div标签内使用img标签来放置图片，如下所示：

<div>
  <img src="path/to/image.jpg" alt="Description of image">
</div>

其中，`src`属性指定图片的路径，`alt`属性指定图片的文字描述。你也可以使用CSS样式来设置图片的大小和位置。

相关问题

html使div里面插入的图片填满div

你可以通过CSS中的`object-fit`属性来控制图片填充div的方式，示例代码如下：

HTML代码：

<div class="container">
  <img src="your-image-url" alt="your-image-description">
</div>

CSS代码：

.container {
  width: 300px; /* 设置div的宽度 */
  height: 300px; /* 设置div的高度 */
  overflow: hidden; /* 隐藏图片溢出的部分 */
}

.container img {
  width: 100%; /* 让图片宽度自适应div的宽度 */
  height: 100%; /* 让图片高度自适应div的高度 */
  object-fit: cover; /* 将图片缩放至完全填充div */
}

这样，图片就会按照`object-fit: cover`的方式填充整个div了。如果你想让图片保持原始比例，可以将`object-fit`属性的值设置为`contain`。

放在div里面的图片怎么自适应大小

可以使用CSS样式来实现图片自适应大小，具体方法如下：

1. 在CSS文件中或者style标签中为div设置一个固定的宽度和高度。

2. 使用background-image属性为div设置背景图像。

3. 使用background-size属性设置背景图像的大小属性为cover或者contain。

示例代码如下：

<div class="image-container"></div>

<style>
    .image-container {
        width: 100%;
        height: 300px;
        background-image: url('your-image-url');
        background-size: cover; /*或者contain*/
    }
</style>

这样就可以实现图片自适应大小了。如果想要图片在div中水平垂直居中，可以使用background-position属性来设置背景图像的位置。