whitespace - 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

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

您可以使用 Developer tool 判断 IE9 是否支持样式规则......

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

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

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