原文:display:inline-block在Chrome与FF下导致的间隙

最近在写一个提醒框的时候,使用了display: inline block的样式,在IE中使用正常,但在chrome与firefox中发现存在空隙。几经折磨,试了无数种可能性,如查找margin是否有问题之类,甚至设置margin值为负数的操作,虽能奏效,却不甚满意。最后发现,这个应该与标签的写法存在关系。代码 : lt body gt lt div gt lt span gt T L lt sp ...

2013-04-27 21:58 0 3274 推荐指数:

查看详情

display:inline-block 间隙

IE6/7是不支持display:inline-block属性,只是让其表现的跟inline-block一样,尤其对于inline水平的元素,其表现度可以用perfect一词来形容了。 对于IE8+以及现代浏览器,直接使用:{display:inline-block;}就可以了,支持任意水平 ...

Thu Jul 17 02:02:00 CST 2014 0 3384
css解决display:inline-block;产生的缝隙(间隙

今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙,这很显然不是我想要的效果,所以我就换成了左浮动,这样缝隙的问题是解决了,但是需要设置父元素的宽度才能实现水平左右滚动,这样又增加了代码量,因为卡片的个数不固定,需要实时设置 ...

Tue Dec 06 19:37:00 CST 2016 11 3923
83.display:inline-block 什么时候会显示间隙

display:inline-block是一种布局方法,它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性,这使得display:inline-block属性的使用非常自由,可与文字,图片混排,可内嵌block属性元素,可以置身于inline水平的元素中。 在CSS布局中,如果我们想要 ...

Sun Aug 09 08:15:00 CST 2020 0 1160
display:inline-block间隙产生的原因以及解决方案

display-inline-block是让元素在一行显示,但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙。那么如何解决呢? 方案一:将html标签要display:inline-block 的元素写在一行。缺点:代码可读性差。 方案二:给父元素 ...

Fri Mar 08 23:12:00 CST 2019 0 1488
css解决display:inline-block;产生的缝隙(间隙

今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙,这很显然不是我想要的效果,所以我就换成了左浮动,这样缝隙的问题是解决了,但是需要设置父元素的宽度才能实现水平左右滚动,这样又增加了代码量,因为卡片的个数不固定,需要实时设置 ...

Tue Dec 06 20:24:00 CST 2016 0 2710
display:inline-block间隙产生的原因以及解决方案

display:inline-block是让元素在一行显示,但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙。 解决方案: 1.将html标签要display:inline-block 的元素写在一行。缺点:代码可读性差 ...

Tue Jun 16 22:30:00 CST 2020 0 1212
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM