CSS 样式“空白：前行”不能在 IE 9 上远程工作

Question

我使用前行空白样式来维护行刹车。

<div style="white-space: pre-line;">
 - Item
 - Another Item
 - Third Item    
</div>

这在本地按预期工作：
- 物品
- 另一个项目
- 第三项

但是，当发布到远程服务器时，不会保留换行符。即
- 项目 - 另一个项目 - 第三个项目

我尝试了多台机器，维护换行结果如下：

本地管理：

http://localhost/mysite/mypage.htm <br/>
C:\inetpub\wwwroot\mysite\mypage.htm <br/>

远程省略，通过机器名称（即使来自同一台机器），省略换行：

http://MachineName/MySite/Mypage.htm 

Web 服务器是 IIS 7。 浏览器 IE9。

顺便提一下，我尝试了 Firefox，它成功了。

有什么线索吗？

Answer 1

听起来好像是在发布之后，浏览器在错误的文档模式下读取它。

您可以使用开发工具判断 IE9 是否支持样式规则....

导航到您的页面...按 f12 显示开发人员工具，注意文档模式...在 IE9 中，它必须是 IE9 才能使用最新的 CSS 3 样式规则（您可以在顶部看到该模式） .

然后使用开发工具上的查找工具（看起来像一个箭头）并单击文档中您要检查的元素。

单击“跟踪样式”选项卡并查看应用于该元素的样式规则列表....如果未列出空白，则浏览器（使用该文档模式）无法识别该样式规则。