编程 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 相关文章推荐

JSON 入门指南想了解json的朋友可以看下

Aug 26 Javascript

11个用于提高排版水平的基于jquery的文字效果插件

Sep 14 Javascript

JS关键字球状旋转效果的实例代码

Nov 29 Javascript

简单方法判断JavaScript对象为null或者属性为空

Sep 26 Javascript

AngularJS基础 ng-keypress 指令简单示例

Aug 02 Javascript

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现

Mar 11 Javascript

vue教程之toast弹框全局调用示例详解

Aug 24 Javascript

JS实现的点击按钮图片上下滚动效果示例

Jan 28 Javascript

vue 插件的方法代码详解

Jun 06 Javascript

Vue form表单动态添加组件实战案例

Sep 02 Javascript

15分钟上手vue3.0(小结)

May 20 Javascript

解决vue 退出动画无效的问题

Aug 09 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 zip文件解压类代码

2009/12/02 PHP

PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么

2010/07/04 PHP

php array的学习笔记

2012/05/16 PHP

php遍历所有文件及文件夹的方法深入解析

2013/06/08 PHP

thinkphp的c方法使用示例

2014/02/24 PHP

php PATH_SEPARATOR判断当前服务器系统类型实例

2016/10/28 PHP

微信开发之php表单微信中自动提交两次问题解决办法

2017/01/08 PHP

PHP7数组的底层实现示例

2019/08/25 PHP

在你的网页中嵌入外部网页的方法

2007/04/02 Javascript

window.onresize 多次触发的解决方法

2013/11/08 Javascript

Node.js的特点和应用场景介绍

2014/11/04 Javascript

jQuery中:password选择器用法实例

2015/01/03 Javascript

JSON格式的键盘编码对照表

2015/01/29 Javascript

js创建对象的方法汇总

2016/01/07 Javascript

jquery实现表单获取短信验证码代码

2017/03/13 Javascript

详解Angular之constructor和ngOnInit差异及适用场景

2017/06/22 Javascript

JS实现仿UC浏览器前进后退效果的实例代码

2017/07/17 Javascript

微信小程序报错：this.setData is not a function的解决办法

2017/09/27 Javascript

浅谈vue2 单页面如何设置网页title

2017/11/08 Javascript

Vue项目全局配置微信分享思路详解

2018/05/04 Javascript

webpack4 配置 ssr 环境遇到“document is not defined”

2019/10/24 Javascript

[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22

2018/08/23 DOTA

TensorFlow入门使用 tf.train.Saver()保存模型

2018/04/24 Python

使用pytorch进行图像的顺序读取方法

2018/07/27 Python

python使用turtle绘制国际象棋棋盘

2019/05/23 Python

python启动应用程序和终止应用程序的方法

2019/06/28 Python

Python实现Restful API的例子

2019/08/31 Python

聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明

2021/03/03 Python

贝玲妃英国官网：Benefit英国

2018/02/03 全球购物

跳蚤市场口号

2014/06/13 职场文书

音乐会主持人开场白

2015/05/28 职场文书

幽灵公主观后感

2015/06/09 职场文书

2019年健身俱乐部的创业计划书

2019/08/26 职场文书

Nginx服务器添加Systemd自定义服务过程解析

2021/03/31 Servers

Python中else的三种使用场景

2021/06/16 Python

十大经典日本动漫排行榜海贼王第三,犬夜叉仅第八

2022/03/18 日漫