Fatal编程技术网
  • css/
  • Css 图像设置为100%，但底部仍有边距

Css 图像设置为100%，但底部仍有边距

css image

Css 图像设置为100%，但底部仍有边距,css,image,background-image,Css,Image,Background Image,我想有一个图像，完全涵盖了一个div（没有内容）。我试着用背景图像和背景大小来做，但因为没有内容，所以不起作用。我也不想设置一个高度，因为这样图像就会被拉伸（我希望它能够响应）。因此，我尝试将图像放在div中，并将其设置为width:100%和height:100%。它确实起到了作用（图像根据div进行了拉伸），但我在img的底部仍然有一个很小的空白，我似乎无法删除它。我将所有边距和填充设置为0px，但仍然没有结果（甚至边框大小设置为边框框）。谁能告诉我我做错了什么？我没有设置高度，所以，看到其

我想有一个图像，完全涵盖了一个div（没有内容）。我试着用背景图像和背景大小来做，但因为没有内容，所以不起作用。我也不想设置一个高度，因为这样图像就会被拉伸（我希望它能够响应）。因此，我尝试将图像放在div中，并将其设置为width:100%和height:100%。它确实起到了作用（图像根据div进行了拉伸），但我在img的底部仍然有一个很小的空白，我似乎无法删除它。我将所有边距和填充设置为0px，但仍然没有结果（甚至边框大小设置为边框框）。谁能告诉我我做错了什么？我没有设置高度，所以，看到其他问题，可能div（wrapper-1）没有设置点来适应？这是将图像放入没有内容的div的正确方法吗？提前谢谢

HTML:

我认为
display:block
到
img
标签可以解决问题。

我认为
display:block
到
img
标签可以解决问题。

你试过给
margin:0到正文或html？您是否尝试过给
边距：0到正文还是html？

<div class="row col-12  wrapper-1"><img src="wrapper.jpg" alt="Wrapper" 
width="100%" height="100%" /></div>



.wrapper-1 {
 height: auto;
 padding: 0px;
 margin: 0px auto;
 }
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
margin: 0px auto;
padding: 0px;
}