评论

解决view包裹image时底部间隙问题

小程序开发中image样式问题

问题

view 包裹 image时,view的底部有间隙,就好像view有padding-bottom。

原因

这是由于image默认是display: inline-block的,inline元素默认是跟父级元素的baseline对齐,而baseline又和父级底边有必定间距。 详情了解vertical-align属性

解决方法一

把image改为 display: block

解决方法二

给image设置vertical-align: bottom,让他对齐父级元素的底边。

最后一次编辑于  10-20  
点赞 6
收藏
评论