上篇提到空隙来源于文本自带的，而且默认基线对齐，
导致看起来是图片底部多出来的空隙，如果让文本上去一点，空隙会消掉吗？
下面一起试一下
这是原图
让文本上去其实是通过改变对齐方式就行
block元素[这张图片] 底部 是bottom 和 baseline重合的【前提是没有外边距，有外边距就是外边距了】【也有其他情况，暂时不展开】
上一篇介绍了baseline的标准位置，现在说一下bottom,bottom对于x来说在他下面一些
vertical-align 默认基线对齐 现在img的bottom在img下边缘，而text的bottom在text的baseline下面，改成bottom对齐是不是可以让text上去呢？
结果是对的，但是本质的空隙其实还在，就是text的baseline和bottom
是不是很人性化，保留了text的bottom distance 丢掉了img的 bottom distance 没有赶尽杀绝
还有其他方法
这里只是谈一下原因，具体做法各种各样。。。
网上有个办法是父元素font-size 为 0，其实这个办法有问题，当我设置lh 属性 且大于0，发现底部边缘空隙还是存在，这个fz = 0 是个伪办法
只要设置行高为0，所有的线 acender decender bottom baseline middle 都落到父盒子底部 ，默认基线对齐，空隙就没了