如何在<code>块中保留换行符？

Question

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

我已经在IE7中尝试了以下代码(根据this reference的说法应该可以)，但没有使用joy (去掉换行符)：

code {
    white-space: pre;
}

这个是可能的吗？

Answer 1

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

Answer 2

你确定你没做错什么吗？以下代码适用于我在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>