image与view标签上下有空隙的解决方法

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

解决方案 就是可以在image那里设置vertical-align:top/bottom/text-top/text-bottom

原因：图片文字等inline元素默许是跟父级元素的baseline对齐，而baseline又和父级底边有必定间距

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

在HTML中关于元素居中有哪些需要注意的事项

HTML中移动端有哪些布局方案

常用input文本框内容自动垂直居中并默认提示文字单击为空

怎样定义内联元素span的最小高度

iframe的各项参数

以上就是image与view标签上下有空隙的解决方法的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

一分钟带你了解css兼容ie的写法

ie css3.htc不起作用怎么办

html5 canvas Image的图文代码详解(一)

分享移动端网页宽度值实例代码

html5 viewport总结讲述

如何让ie浏览器支持html5标签？

ie如何关闭javascript脚本

ie对css3的支持吗

web 开发里程碑时刻：bootstrap 宣布放弃支持 ie

bootstrap 5 alpha发布啦！不再依赖jquery，放弃支持ie

更多相关阅读请进入《Image》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » image与view标签上下有空隙的解决方法