css inline空隙问题

看效果

看一看见span 元素之间有间隙,

产生原因

• inline元素是按照文本的方式排列的，所以它们之间会有空白字符，例如换行符、空格等。
• 这些空白字符会占用一定的宽度，导致inline元素之间出现不期望的间隙。
• 这个间隙的大小取决于父元素的font-size和字体，不同浏览器可能有不同的表现。

解决方法

• 一种是将inline元素写在同一行，避免换行空格产生换行符。(不推荐)

• 另一种是设置父元素的font-size为0，然后重置子元素的font-size，消除空白字符的大小。