内容简介：在使用display将元素设置为行内元素的同时(例如：inline、inline-block等)，将margin全部设置为0，padding全部设置为0的时候，我发现了元素之间居然还存在着间隙！！！？？？如下图所示：之所以存在间隙是由于元素标签之间留有空白字符造成的。1、第一种 消除元素标签之间的空白字符，把标签连在一起。
在使用display将元素设置为行内元素的同时(例如：inline、inline-block等)，将margin全部设置为0，padding全部设置为0的时候，我发现了元素之间居然还存在着间隙！！！？？？如下图所示：
原因
之所以存在间隙是由于元素标签之间留有空白字符造成的。
解决方案
1、第一种 消除元素标签之间的空白字符，把标签连在一起。
2、第二种： 第一步：在这些行内元素的父元素上设置font-size设置为0； 第二步：在行内元素上设置正常的字体显示大小，例如:font-size:14px;
如下图显示：
这个时候行内元素之间的间隙就消失不见了！
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- 内敛元素间隙问题
- Android 之路 (8) - Toolbar - NavigationIcon间隙、Title居中、BackText适配
- 10个SQL技巧之四：找到连续的没有间隙的最大系列的日期
- CSS 基础：块级元素、行内元素、替换元素、非替换元素
- 探究行内元素和块级元素
- 重学前端：块级元素与内联元素
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
WebKit技术内幕
朱永盛 / 电子工业出版社 / 2014-6 / 79.00元
《WebKit技术内幕》从炙手可热的HTML5 的基础知识入手，重点阐述目前应用最广的渲染引擎项目——WebKit。不仅着眼于系统描述WebKit 内部渲染HTML 网页的原理，并基于Chromium 的实现，阐明渲染引擎如何高效地利用硬件和最新技术，而且试图通过对原理的剖析，向读者传授实现高性能Web 前端开发所需的宝贵经验。 《WebKit技术内幕》首先从总体上描述WebKit 架构和组......一起来看看 《WebKit技术内幕》 这本书的介绍吧!
