html使div里面插入的图片填满div
时间: 2023-07-13 11:22:18 浏览: 161
div里面嵌入视频
你可以通过CSS中的`object-fit`属性来控制图片填充div的方式,示例代码如下:
HTML代码:
```html
<div class="container">
<img src="your-image-url" alt="your-image-description">
</div>
```
CSS代码:
```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`。
阅读全文