css解决display:inline-block;产生的缝隙（间隙）
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置 ...
原文：css解决display:inline-block;产生的缝隙（间隙）
今天在做H 的水平滑动卡片时用到了display:inline block 却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量，因为卡片的个数不固定，需要实时设置其父元素的宽度，就要用到js，所以代码量增加了，也不是最好的选择。看来最好的解决办法就是用到displa ...
2016-12-06 11:37 11 3923 推荐指数：
相关推荐
display:inline-block间隙产生的原因以及解决方案
display-inline-block是让元素在一行显示，但是这些元素在html里面是上下行排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。那么如何解决呢？ 方案一：将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差。 方案二：给父元素 ...
display:inline-block间隙产生的原因以及解决方案
display:inline-block是让元素在一行显示，但是这些元素在html里面是上下行排列的，所以中间有换行符，于是并排显示就有了换行符带来的空隙。 解决方案： 1.将html标签要display:inline-block 的元素写在一行。缺点：代码可读性差 ...
display:inline-block 间隙
IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。 对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...
display:inline-block的间隙问题和解决办法
1、display:inline-block在水平方向的间隙； 代码如下： ...
display:inline-block 什么时候不会显示间隙？
移除空格 使用margin负值 使用font-size:0 letter-spacing word-spacing ...
详解CSS display:inline-block的应用
本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以 ...
83.display:inline-block 什么时候会显示间隙？
display:inline-block是一种布局方法，它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以置身于inline水平的元素中。 在CSS布局中，如果我们想要 ...