欢迎访问亚搏手机版登录入口中国历史网!

两个span元素中间的空格间隙

时间:2022-09-22 08:14作者:亚慱体育app官方入口

本文摘要:给父元素添加 font-size:0; 在给span分外添加font-size:; 我们是优秀的法式猿代码要求花样要规范所以我第二个span换行了 给span加上浮动完美解决哈哈哈满上... 当我们给span元素添加了内容时两个相邻的span元素的文字之间有一个间隙 而就是这个没毛病的换行让两个span差生了间隙。

亚慱体育app官方入口

给父元素添加 font-size:0; 在给span分外添加font-size:;

我们是优秀的法式猿代码要求花样要规范所以我第二个span换行了

给span加上浮动完美解决哈哈哈满上...

当我们给span元素添加了内容时两个相邻的span元素的文字之间有一个间隙

而就是这个没毛病的换行让两个span差生了间隙。

让我们来看看怎么解决吧

这是一对不快乐的 span因为他们中间有了间隙

激动的心哆嗦的手现在的心田:we made it !!!

亚搏手机版登录入口

但这种方法也存在问题先是font-size被重写一次(First Blood)再者是一些老版本的浏览器下依旧会有间隙(Double Kill)或者有些浏览器对于font-size:12px;的支持不友好(Trible Kill)。

问:那么这个间隙到底是什么呢?

来看看第二种方法吧

大神的解决措施:

智慧的你灵机一动将代码写一行撒

你是来骗我们关注的吧!

问:那这个空格时怎么来的呢?

其实它是一个空格。

这种方法最是简朴粗暴的解决了问题可是粗暴的方式往往会造成许多不行控的因素后期的许多场景中也有可能让人瓦解究竟团队互助开发项目是多人到场对于要求代码书写规范的人来说这样的写法简直压死强迫症......(脑壳内里已经有画面了- -.)

初学html、css的同学是不是遇到过这样一个问题?一对好朋侪(两个span元素)之间总是存在间隙。就像下图那样:

亚慱体育app官方入口

首先先来看看我们平时的代码书写习惯吧


本文关键词:两个,span,元素,中,间的,空格,间隙,给,父,元素,亚搏手机版登录入口

本文来源:亚搏手机版登录入口-www.gianlucafloris.com