html 图像居中但保持底部留白？
html 图像居中但保持底部留白？
我对图片底部边距有一个小问题。
我不明白为什么在图片下方，与菜单之间有一点间隔。有人可以解释一下吗？我想让我的菜单和图片贴合，但我做不到，也不知道为什么。
就像你在我的fiddle中看到的那样，我已经尝试过设置边距、填充、边框为0，但没有变化。
这个问题的原因是使用了display:flex属性导致图片无法垂直居中，同时保留一小部分底部边距。解决方法是将display:flex属性移除，并使用其他方式实现图片的居中对齐。
具体解决方法如下：
1. 从给定的Fiddle链接中可以看到，使用了display:flex属性来设置图片的样式。这会导致图片无法垂直居中，并且底部会保留一小部分边距。
2. 为了解决这个问题，我们需要将display:flex属性移除，然后使用其他方式来实现图片的居中对齐。
3. 一种解决方法是使用margin:auto属性来使图片居中对齐。修改代码如下：
4. 上述代码中，将display:flex属性移除，并使用margin:auto属性来使图片居中对齐。此时，图片将水平和垂直居中，并且不会保留底部边距。
5. 运行修改后的代码，可以看到图片被垂直居中并且没有底部边距。
通过上述方法，我们成功解决了图片居中对齐并保持底部边距较小的问题。