htmlやcssを初めて触る学生は、こんな問題に遭遇したことはありませんか？仲良しペアには必ずギャップがあります。下の写真のように：
スパンとスパンの間に隙間があるので、不幸なペアです
span要素にコンテンツが追加されると、隣接する2つのspan要素のテキスト間にギャップが生じます。
実は空間なんです。
まず最初に、通常のコードの書き方の癖を見てみましょう。
そして、その完璧な改行が、2本のスパナの間隔を狭くしてしまったのです。
を散布するコードを書くことを思いつきました。
この方法は、問題に対する最も単純な解決策ですが、この方法は、制御不能な要因の多くを引き起こす傾向があり、後で多くのシナリオでは、クラッシュがあるかもしれない、結局のところ、チームワークの開発プロジェクトは、複数の人が参加することで、人々のためのコードを書く仕様の要件については、書き込みのような方法は、単に強迫性障害の死を粉砕している......
親要素にfont-size:0を追加；span extraにfont-size:;を追加。
興奮する心、震える手、そして今この瞬間！
しかし、この方法には問題があります。まず、font-sizeを一度書き換えてしまうため、古いブラウザや、font-size:12px;のサポートに不親切なブラウザではギャップが残ってしまいます。
スパンにフロートを加えれば完璧です。
