如何消除inline-block属性带来的标签间间隙
更新时间：2016年03月31日 11:14:02 作者：走向未知
这篇文章主要介绍了如何消除inline-block属性带来的标签间间隙的相关资料,需要的朋友可以参考下
1、给inline-block元素设置一个父元素。
设置父元素的font-size：0；。子元素font-size设置成合适大小，如果不设置子元素font-size，子元素会继承父元素的0；
2、给inline-block元素设置一个父元素。(letter-spacing：字符间距)
设置父元素的letter-spacing为-4px或-8px，除谷歌是-8px外，其余是-4px。同样要设置子元素的letter-spacing：0；否则会
继承父元素，造成子元素内文字变形。
经过试验，统一设置成-8px，在视觉上没有什么差异，不知道这样做可行不可行，如果哪位有意见，随时可以说。
3、给inline-block元素设置一个父元素。(word-spacing：单词间距)
设置父元素的word-spacing为-4px或-8px，谷歌，360是-8px，火狐，IE是-4px。同样要设置子元素的word-spacing：0；否则会继承父元素，造成子元素内文字变形。
同上也可以统一设置为-8px
4、以上谷歌、火狐、360的测试均是在最新浏览器上测试，IE8测试。如有不妥还请告知。
以上内容是小编给大家介绍的inline-block属性带来的标签间间隙问题，希望对大家有所帮助！
相关文章
相信大家都知道图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和Web应用和项目的可靠性。现在就让我们大家一起来学习用D3.js来实现饼图的方法，有需要的可以参考借鉴。2016-09-09
事件是将JavaScript脚本与网页联系在一起的主要方式，是JavaScript中最重要的主题之一。本文将详细探讨JavaScript的事件机制，并对比分析了浏览器之间的不同，具体内容包括事件流、事件处理程序绑定方式、事件对象等。2017-01-01
Base64是一种将二进制数据编码为ASCII字符的编码方式,这篇文章主要给大家介绍了关于js实现base64文件的处理以及下载的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要为大家介绍了关于现代配置指南中YAML对比JSON的优势分析说明，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2022-02-02
TypeScript是Microsoft（微软）开发的一种开源编程语言，它充分利用了JavaScript原有的对象模型，并在此基础上进行了扩充，TypeScript设计目标是开发大型应用，它可以编译成纯JavaScript，编译出来的JavaScript可以运行在任何一种JS运行环境中2022-12-12
又一款js时钟!这篇文章主要为大家详细介绍了transform实现的时钟效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
TypeScript 提供了路径别名的功能,方便开发者在大型项目中更高效地引用模块,减少相对路径的冗长与复杂,本文将详细介绍如何配置路径别名,如何结合 Vite 和 Node 环境进行别名设置,帮助开发者在项目开发中更为便捷地组织代码,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了JS实现单击输入框弹出选择框效果的方法,涉及JavaScript响应鼠标事件动态操作页面元素与相关属性的实现技巧,需要的朋友可以参考下2015-12-12
layui数据表格 table.render 报错的解决方法
今天小编就为大家分享一篇layui数据表格 table.render 报错的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下2015-12-12
最新评论