解决view包裹image时底部间隙问题
问题
view 包裹 image时,view的底部有间隙,就好像view有padding-bottom。
原因
这是由于image默认是display: inline-block的,inline元素默认是跟父级元素的baseline对齐,而baseline又和父级底边有必定间距。 详情了解vertical-align属性
解决方法一
把image改为 display: block
解决方法二
给image设置vertical-align: bottom,让他对齐父级元素的底边。