为什么在display:block中可以正常显示出来图片 但在display:inline-block不能正常显示图片

在 `display: block` 的情况下，元素会被渲染为块级元素，它会占据一整行空间，因此它可以自动换行并且显示图片。

而在 `display: inline-block` 的情况下，元素会被渲染为行内块级元素，它会像行内元素一样排列，并且可以设置宽度和高度。当使用 `display: inline-block` 时，可能会出现图片没有显示的情况，这是因为行内元素默认是有基线的，而图片底部的空白也被视为基线，导致图片被顶上去了。可以通过给图片设置 `vertical-align: middle` 来解决这个问题。另外，还需要确保图片的大小不要超出其容器的大小，否则也会导致图片无法正常显示。