span与span之间有间隙的解决办法

按道理来说，span之间应该是没有间隙的，但有时候span之间总是会有一些不可控制的间隙，类似问题在input上也有，这是一个有趣又头疼的问题。

解决办法一：不同浏览器对换行的span的解读是不一样的（求证据），在内敛元素之间不换行，有时候可以解决这个问题。

解决办法二：span的父类设置font-size：0，再在span里单独设置，可以解决这个问题。这个问题也可以追溯下原因。

解决办法三：两个span都设置为float.记得在父类设置clear:both。但这个方法会使不同span居中对齐，对有靠底部或者顶部对齐的样式不适用

时间： 2024-12-26 18:53:09

span与span之间有间隙的解决办法的相关文章

图片与边框有间隙的解决办法

在figure或a中插入图片后,图片与边框产生间隙. 一.产生的原因:当初设立标准的不是亚洲而是欧洲,inline元素为了正确显示英文字母如y j g等带有尾巴的,就在底下留空.二.解决办法: 办法1.在figure或者a中设置:font-size:0: 办法2.在图片img中设置:vertical-align:middle:

在UITextfield中输入ABCD会得到A B C D这种字母之间的空格需要特殊的方法才能清除掉. -(BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string { NSString* newstring = [textField.text stringByReplacingCharactersInRange

display:inline-block的间隙问题和解决办法

空格符本质上就是个字符,与a,b,c,d这些字符是个同一个属性的东西,只是它是空格,透明的看不见而已(但可以选中).所以,只要我们使用让文字宽度为0的那些方法,就可以解决inline-block元素间换行符间隙的问题. 1. {font-size:0;}但是,这个方法在chrome浏览器下没有效果,在IE6/7下残留1像素间隙. 2. letter-spacing 属性可以控制文字间的水平距离的,支持负值,可以让文字水平方向上重叠. 但是,基本上所有的浏览器对于不同字体下的空格符的水平占据的解

IE浏览器常见CSS兼容性问题及解决办法

对于前端开发者来讲,世界上存在着一个神奇的东西——IE浏览器,尤其是低版本的IE浏览器,惨不忍睹的兼容性使其臭名昭著.前端工作者很多的时间都花在了和它打交道上,所以大家纷纷吐槽IE浏览器如何的渣,简直是万恶之源.但是IE浏览器市场份额有非常大,喷完还要接着搞兼容.对于IE浏览器来讲,我们应该有一个客观的评价.首先其兼容性差,原因可想而知,更新速度太慢,要几年才出一个版本,而市场上的FireFox.chrome等浏览器几个月就有一个版本上市.中间那么长的时间足以将其bug充分的暴露出来,其他浏览器

web前端_表格table布局，同一列两个<td>之间有间隙解决办法。

同学接了个很简单的网站.结果在布局的时候发现网页头部和网页主体之间差不多有1px的间隙.怎么也去除不了,帮忙看了看,隋记录下来,是这样的,网页头部和主体分别在两个<td>中(使用table布局),贴上简单demo: 效果如下,间隙消失了,最重要的是红色矩形圈起来的那句. 如果去掉红色矩形圈起来的部分,效果如下: web前端_表格table布局,同一列两个<td>之间有间隙解决办法.

[原创]ie6,7中td和img之间有间隙

情形描述开发工具:VS2010: 浏览器版本:IE6以上,火狐,谷歌: 页面布局设计:Table+Img布局: 项目预览问题:火狐,谷歌,IE8以上未出现问题,IE6,IE7图片之间有间隙. 分析原因 1.td,img之间margin,padding设置不正确? 显然不是,如果设置了margin和padding其他浏览器应该也出现间隙. 2.前台页面顶部没有<!DOCTYPE html >之类的标签文档声明? 通过检查,已经设置了该文档标签. 3.是不是IE6,IE7对TD和IM

多个Img标签之间的间隙处理方法

1.多个img标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" h

安卓activity之间值共享解决办法，tabhost之间共享父类值

1.tabhost父类值共享的解决办法 dianzhanliebiao.java是传值页面,zhuyemian.java放的是tabhost,dianzhangaikuang.java是tabhost的具体子布局首先dianzhanliebiao.java传值 intent.putExtra("id", “1234”); intent.setClass(dianzhanliebiao.this, zhuyemian.class); dianzhanlieb

坑爹的IE6 bug以及解决办法

1.强制浏览器是用Web标准解析(网上全是解析成4.01的不知道有没有5的..)HTML的写法<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”“http://www.w3.org/TR/html4/strict.dtd”>或者XHTML的写法<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri