本文介绍了解决两个span标签之间的神秘间距问题的两种方法。一种是通过设置父元素的font-size为0，但会导致text-overflow:ellipsis属性失效；另一种是在HTML中将span标签不换行紧挨着写，既消除了间距又保留了ellipsis属性。
问题
两个span分行挨着写时，样式会出现迷之间隔，如下：
解决方案1：
父元素的font-size设置为0，但是这样会出现一个问题，text-overflow: ellipsis属性不在生效
解决方案2：
html中将span不分行挨着写，如下图：
这样既可以消除间隔，又可以保留text-overflow: ellipsis属性
<span>标签挨着写时的出现的迷之间距问题
两个span分行挨着写时，样式会出现迷之间隔，如下：
父元素的font-size设置为0，但是这样会出现一个问题，text-overflow: ellipsis属性不在生效
html中将span不分行挨着写，如下图：
这样既可以消除间隔，又可以保留text-overflow: ellipsis属性
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
