本文摘自PHP中文网，作者php中世界最好的语言，侵删。
这次给大家带来image与view标签上下有空隙的解决方法，解决image与view标签上下有空隙的注意事项有哪些，下面就是实战案例，一起来看一下。解决方案 就是可以在image那里设置vertical-align:top/bottom/text-top/text-bottom
原因：图片文字等inline元素默许是跟父级元素的baseline对齐，而baseline又和父级底边有必定间距
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
在HTML中关于元素居中有哪些需要注意的事项
HTML中移动端有哪些布局方案
常用input文本框内容自动垂直居中并默认提示文字单击为空
怎样定义内联元素span的最小高度
iframe的各项参数
以上就是image与view标签上下有空隙的解决方法的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
line-height文字垂直居中在ie9不被支持的解决方法
更多相关阅读请进入《Image》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
