IE 9+渲染空间不同

时间:2013-12-20 14:26:13

标签: html css internet-explorer

我需要使用的创作工具决定输出人造子弹点,而不是使用子弹元素。糟糕的决定导致IE 9+与IE 7/8和所有其他浏览器呈现不同。我不能改变它输出的方式,但我可以通过其他样式属性来影响它。要做到这一点,我需要帮助来确定导致差异的确切原因。如果你能把你即将见证的恐怖放在一边,我将不胜感激任何建议。它可能与多个不间断的空格字符有关;好像IE 9+正在删除除第一个之外的所有内容。

以下是示例页面:http://www.scader.com/clients/sandbox/bullets

如果您在IE 9+中查看,这是一个显示问题的jsFiddle:http://jsfiddle.net/QGV7W/1/

这是一个屏幕截图,显示IE 7/8(+所有其他)和IE 9 +之间的区别。

enter image description here

以下是代码的信息:

<p style="margin-left:24px;text-indent:-24px;line-height:1.080;margin-top:0px;margin-bottom:0px;text-align:left;">
<span class="text38Font2" style="position:relative;top:-0px">2.</span><span style="font:1.0pt &quot;Arial&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="text38Font2">literature from 45 BC, making it over 2000 years old. 
Richard McClintock, a Latin professor at Hampden-
Sydney College in Virginia, looked up one of the more 
obscure Latin words, consectetur,
</span></p>

以下是代码段中引用的一个类:

<style text="text/css">
  body { background-color:#ffffff; }
  span.text38Font2 { font-size:16px; font-family:"Arial", sans-serif; color:#000000;}
</style>

1 个答案:

答案 0 :(得分:0)

以下是您可以做的事情:

<强> CSS

<!--[if IE 9]>
    .space{
        font:2.0pt !important;
    }
<!--[endif]-->

<强> HTML

<span style="font:1.0pt &quot;Arial&quot;" class="space">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>