Question

我有一些代码示例，我想在HTML文档中发布。我用<code>标签包装它们，但我希望它们的样式可以保留换行符。我可以用<pre>标签将它们括起来，但我更喜欢使用CSS。

我在IE7中尝试了以下内容（根据this reference应该可以使用），但是没有快乐（删除了换行符）：

code {
    white-space: pre;
}

这可能吗？

Answer 1

你确定你没有做错什么吗？这段代码适用于IE7：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
  code { white-space: pre; }
  </style>
</head>
<body>
  <code>
      function() {
          alert('yay');
      }
  </code>
</body>
</html>

Answer 2

检查您的doctype是否有效且在第一行。也许它正在陷入怪癖模式？

Answer 3

您可以尝试使用此处建议的CSS：http://ajaxian.com/archives/wrapping-the-pre-tag

如何在<code> block?</code>中保留换行符

3 个答案: