使用CSS解决IE中数字与汉字不在同一水平线上的问题

如下的代码:

<span class="views"><span id="wp">23</span>次浏览</span>

在Chrome和Firefox中的显示效果是:23次浏览。而在IE浏览器中数字“23”会下沉一些(大约1个像素),使得数字与汉字不在同一水平线上,出现略微错位的问题。虽然说不怎么影响浏览效果,但是凡事总得有个解决办法吧。

使用CSS来解决:(也就是在外层span中添加一句代码)

.under span.views{vertical-align:middle;}

或者把数字和汉字放在一起也可以解决的:

<span><span id="wp">23次浏览</span></span>

发表回复

您可以匿名评论,只有「评论」 是必填项,其他的都可以不填。如果填写电子邮箱地址,有人回复时您将收到邮件通知。