您现在的位置:首页 >> 前端 >> 内容

< span)标签挨着写时的出现的迷之间距问题

时间:2017/1/22 9:26:52 点击:

  核心提示:问题 两个span分行挨着写时,样式会出现迷之间隔,如下: 解决方案1:父元素的font-size设置为0,但是这样会出现一个问题,text-overflow: ellipsis属性不在生效 解决方...

问题

< span)标签挨着写时的出现的迷之间距问题

两个span分行挨着写时,样式会出现迷之间隔,如下:

< span)标签挨着写时的出现的迷之间距问题
< span)标签挨着写时的出现的迷之间距问题

解决方案1:

父元素的font-size设置为0,但是这样会出现一个问题,text-overflow: ellipsis属性不在生效

< span)标签挨着写时的出现的迷之间距问题

解决方案2:

html中将span不分行挨着写,如下图:

< span)标签挨着写时的出现的迷之间距问题
< span)标签挨着写时的出现的迷之间距问题

这样既可以消除间隔,又可以保留text-overflow: ellipsis属性

Tags:LT T; ;S SP 
作者:网络 来源:TheBadWaka