html和css代码如下：
实际上，之前的代码中，a标签是没有嵌套在span中的，而是与span同级，如下：
后来在网上看到有人说将a标签放在span中应该就可以了。不过，两者试了之后，反正死活无法实现垂直居中。
补充：
回答中有朋友说在span里的line-height等于图片高度的情况下，再设置span里的vertical-align为middle。确实，如果没有a标签，那这个方法有效；但有了后面的a标签，会受a标签的影响，而导致无效。
另外一个“亦秋”网友在问题评论中的回答，最终解决了问题：在img里设置vertical-align为middle。不知道原理何在？
再补充：
经过不断测试，发现精简成如下这样，已经足够实现效果了：
1428
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
