场景:div里包含一个img标签和文字“xyz,并给div设置2px的边框”
结果:图片与div底部有一些空隙
原因:内联元素img的对齐方式是按照文字的基线对齐的
解决方案:
- 为img设置
vertical-align: bottom;
- 为img设置
display: block;
场景:div里包含一个img标签和文字“xyz,并给div设置2px的边框”
结果:图片与div底部有一些空隙
原因:内联元素img的对齐方式是按照文字的基线对齐的
解决方案:
vertical-align: bottom;
display: block;