关于img顶部出现间隙无法对齐的解决方案

前端在写页面的过程中往往会遇到这样的问题：布局一个img元素时往往顶部会出现4px左右的间隙，这个问题不仅仅会在img元素上会出现，所有的行内块，即inline-block元素在特定的情况下都会有此问题，解决方案目前知道的有两种

1、因为是行内块元素，可以设置其vertical-align属性为top，令其上对齐，问题会得到完美解决；

2、给元素设置浮动，脱离文档流，此问题也会解决，不过要考虑浮动所带来的后果。