如何使用CSS来保留HTML <code>块中的换行符?

Mat*_*och 28 css

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

我在IE7中尝试了以下内容(根据此引用应该可以工作)但没有快乐(删除换行符):

code {
    white-space: pre;
}
Run Code Online (Sandbox Code Playgroud)

这可能吗?

Pao*_*ino 17

你确定你没有做错什么吗?这段代码适用于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>
Run Code Online (Sandbox Code Playgroud)


Spl*_*iFF 8

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