CSS中img与div容器底部默认有空隙

场景：div里包含一个img标签和文字“xyz，并给div设置2px的边框”

结果：图片与div底部有一些空隙

原因：内联元素img的对齐方式是按照文字的基线对齐的

解决方案：

1. 为img设置vertical-align: bottom;
2. 为img设置display: block;