一、代码:
<div>
<span>你有</span>
<span class="red">5</span>
<span>次抽奖机会</span>
</div>
二、表现:
三、结论:
中间span标签内容只有数字,当这种只有数字的时候,就会出现这种玄幻的事情,亲测,中间加一个文案就不会有问题了,但是如果类似上面这种,遇到需求里只有数字的怎么办,可参考如下解决办法
四、解决方案:
1、设置行高
line-height: 20px;
2、给父元素设置垂直居中
vertical-align: middle;