如何去掉两个span间的间距

原创 2018年04月16日 16:06:31
<!-- html -->
<div>
    <span></span>
    <span><span>
</div>

/* CSS */
div{
    font-size:10px;
}
span{
    display:inline-block;
}

设置成块级元素的span,会因为父元素设置字体的大小,导致两个span外的空格会占有空隙。
所以将父元素的font-size:0;
然后再单独设置span的字体大小就可以解决这个问题。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014627807/article/details/79961951

如何解决两个相邻的span中间有空隙

span中间不要有换行、或者空格 或者在样式上加上float:left
  • wangxiaohui6687
  • wangxiaohui6687
  • 2014-04-03 15:56:57
  • 3514

span i等行内元素之间出现的诡异间隔

最近在做的一个项目里面碰到这么一个问题: 块1 块2 在“块1”和“块2”之间存在着一个大概3em的空白...图就不上了 这明显不符合预期.... 最后发现:当这两个span写在一...
  • clarkt
  • clarkt
  • 2015-06-04 16:41:26
  • 4336

css 设置字间距、字母间距和汉子间距

下面是没有设置间距的汉字和字母 顺昌人 this is a test 下面是设置50px的word-spacing字间距 顺昌人 this       is       a       test 下...
  • HJ850126
  • HJ850126
  • 2011-03-18 17:49:00
  • 5404

css 去掉两个图片之间间隔

 img{display:block;}
  • haibo0668
  • haibo0668
  • 2016-10-17 11:13:47
  • 1883

去除inline-block元素间间距,比较靠谱的两种办法

1.使用注释符号1 1234楼主对代码
  • eaglewyy
  • eaglewyy
  • 2016-05-24 16:37:16
  • 2547

span 换行出现的间隔

1   1111    显示的结果是 1111 2  11      11    显示的结果是  11 11 如果换行 中间会出现间隔 解决办法 11     11...
  • ayla11
  • ayla11
  • 2015-03-31 15:34:43
  • 1254

去掉内联元素的默认间距

有时候,为了让元素的属性设置为inline-block,但是这样元素之间会有默认间距,要想让元素之间没有间距,可以用margin为负值或者设置float 来去掉间距。...
  • u010452564
  • u010452564
  • 2016-10-15 20:33:52
  • 416

含有间距的td处理方式

含有间距的td处理方式: 由于td的margin无效,所以在td内容再添加一层dom,然后用margin做间距。...
  • wangji5850
  • wangji5850
  • 2016-04-06 15:56:27
  • 442

table中如何消除td间距

表格结构 html5制作表格时,只是简单的想要实现表格内有边框,结果出现了双边框和单元格独立(有间距)的问题table tr { font-size: 12px; }table...
  • qq_34893429
  • qq_34893429
  • 2017-03-01 20:40:15
  • 1124

button之间有间距,如何去除

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8...
  • kouwoo
  • kouwoo
  • 2014-12-05 09:46:58
  • 4538
收藏助手
不良信息举报
您举报文章:如何去掉两个span间的间距
举报原因:
原因补充:

(最多只允许输入30个字)