编程 Javascript

如何消除inline-block属性带来的标签间间隙

Posted in Javascript onMarch 31, 2016

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属性带来的标签间间隙问题，希望对大家有所帮助！

如何消除inline-block属性带来的标签间间隙

- Author -

走向未知

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery操作下拉框(DropDownList)实现取值赋值

Aug 13 Javascript

js截取小数点后几位的写法

Nov 14 Javascript

jquery动态更换设置背景图的方法

Mar 25 Javascript

js中自定义方法实现停留几秒sleep

Jul 11 Javascript

js实现温度计时间样式代码分享

Aug 21 Javascript

基于JS代码实现实时显示系统时间

Jun 16 Javascript

用js写的一个路由(简单实例)

Sep 24 Javascript

vue使用drag与drop实现拖拽的示例代码

Sep 07 Javascript

JavaScript作用域、闭包、对象与原型链概念及用法实例总结

Aug 20 Javascript

VUE中v-on:click事件中获取当前dom元素的代码

Aug 22 Javascript

微信小程序API—获取定位的详解

Apr 30 Javascript

js计时事件实现圆形时钟

Mar 25 Javascript

JavaScript笔记之数据属性和存储器属性

Mar 31 #Javascript

Node.js中Request模块处理HTTP协议请求的基本使用教程

Mar 31 #Javascript

基于JQuery打造无缝滚动新闻步骤详解

Mar 31 #Javascript

JavaScript位移运算符(无符号) >>> 三个大于号的使用方法详解

Mar 31 #Javascript

JQuery实现简单的服务器轮询效果实例

Mar 31 #Javascript

JavaScript实现复制内容到粘贴板代码

Mar 31 #Javascript

JavaScript是如何实现继承的(六种方式)

Mar 31 #Javascript

You might like

PHP中最容易忘记的一些知识点总结

2013/04/28 PHP

解析php中memcache的应用

2013/06/18 PHP

php导出word格式数据的代码实例

2013/11/25 PHP

PHP实现采集抓取淘宝网单个商品信息

2015/01/08 PHP

php利用递归实现删除文件目录的方法

2016/09/23 PHP

thinkPHP多语言切换设置方法详解

2016/11/11 PHP

如何动态的导入js文件具体该怎么实现

2014/01/14 Javascript

JavaScript实现select添加option

2015/07/03 Javascript

jQuery获取file控件中图片的宽高与大小

2016/08/04 Javascript

JavaScript实战之菜单特效

2016/08/16 Javascript

Bootstrap table的使用方法

2016/11/02 Javascript

JS控制TreeView的结点选择

2016/11/11 Javascript

jQuery ajax 当async为false时解决同步操作失败的问题

2016/11/18 Javascript

vue2.0使用swiper组件实现轮播的示例代码

2018/03/03 Javascript

解决js相同的正则多次调用test()返回的值却不同的问题

2018/10/10 Javascript

VUE基于NUXT的SSR 服务端渲染

2018/11/30 Javascript

JavaScript数组、json对象、eval()函数用法实例分析

2019/02/21 Javascript

js实现简单抽奖功能

2020/11/24 Javascript

浅谈Vue使用Cascader级联选择器数据回显中的坑

2020/10/31 Javascript

Python实现删除Android工程中的冗余字符串

2015/01/19 Python

Python常用时间操作总结【取得当前时间、时间函数、应用等】

2017/05/11 Python

python PyTorch预训练示例

2018/02/11 Python

对Python中9种生成新对象的方法总结

2018/05/23 Python

python 编写简单网页服务器的实例

2018/06/01 Python

使用python Fabric动态修改远程机器hosts的方法

2018/10/26 Python

selenium3+python3环境搭建教程图解

2018/12/07 Python

Python实现滑动平均(Moving Average)的例子

2019/08/24 Python

基于Python获取照片的GPS位置信息

2020/01/20 Python

Python ORM编程基础示例

2020/02/02 Python

python中format函数如何使用

2020/06/22 Python

美国二手复古奢侈品包包购物网站：LXRandCo

2019/06/18 全球购物

技术副厂长岗位职责

2013/12/26 职场文书

食堂采购员岗位职责

2014/03/17 职场文书

2014审计局领导班子民主生活会对照检查材料思想汇报

2014/09/20 职场文书

小学毕业感言100字

2015/07/30 职场文书

分享Python异步爬取知乎热榜

2022/04/12 Python