HTML图像和div调整大小 .d1{ 背景色：红色； 文本对齐：居中； } 我使用上面的简单代码在中间A div < /代码>中显示图像。代码运行良好，但是当我将窗口调整到图像宽度以下时，边框/div不会覆盖图像。。。有办法解决这个问题吗？泰

将图像视为块内容，而不是内联元素

---

我希望这会有所帮助。

如果您想为

使用背景图像，我建议您将图像设置为div的

背景图像，并删除
元素

这将避免您使用添加元素，并解决您的问题：


.d1{
宽度：300px；
高度：100px；
背景色：红色；
文本对齐：居中；
背景图片：url(http://www.aliceseelywholesale.net/wp-content/uploads/ADB101-DAISY-CUTOUT-NARROW-LINK-BRACELET-300x100.jpg);
背景尺寸：封面；
}

您好，谢谢您的回复。的确，这样做效果更好，但这次图像没有居中。。。你可能知道如何解决最后一个问题吗？添加
背景尺寸：封面
.d1 {
    background-color: red;
    text-align: center;
}

<div class="d1">
    <img src="http://www.aliceseelywholesale.net/wp-content/uploads/ADB101-DAISY-CUTOUT-NARROW-LINK-BRACELET-300x100.jpg">
</div>

.d1 {
   background-color: red;
} 
.img{
   display: block;
   width: 100%;
   margin: 0px auto;
}