可能的方法:
<pre> ... </pre>
Run Code Online (Sandbox Code Playgroud)
要么
style="white-space:pre"
Run Code Online (Sandbox Code Playgroud)
还要别的吗?
有没有办法pre通过CSS 模拟元素的显示?
例如,我可以使用CSS规则在此div中保持空格完整吗?
<div class="preformatted">
Please procure the following items:
- Soup
- Jam
- Hyphens
- Cantaloupe
</div>
Run Code Online (Sandbox Code Playgroud) 根据示例http://twitter.github.com/bootstrap/base-css.html#code,bootstrap仅支持<pre>开箱即用的可垂直滚动和自动换行的块.我如何制作它以便我可以使用水平可滚动的,未包装的代码块?
我想显示原始HTML.我们都知道必须像这样逃避每个"<"和">"
<PRE> this is a test <DIV> </PRE>
Run Code Online (Sandbox Code Playgroud)
但是,我不想这样做.我想要一种方法来保持HTML代码(因为它更容易阅读,(在编辑器内)我可能想要复制它并自己再次使用它作为实际的HTML代码,并且不希望再次更改它或者有两个版本的相同代码一个转义,一个没有转义).
是否有任何其他环境比PRE更"原始"可能允许这样做?因此,每次他们想要显示一些原始HTML代码时,不必继续编辑HTML并更改所有内容,可能是HTML5中的?
就像是 <REALLY_REALLY_VERBATIM> ...... </<REALLY_REALLY_VERBATIM>
屏幕截图
JavaScript解决方案在FF 21上不起作用,这是屏幕截图

屏幕截图2
第一个解决方案仍然无法在Firefox上运行,这里是屏幕截图

我在iframe中加载一些内容.我希望这个内容的行为 - 如果它在<pre>标签内部- 即它要尊重换行符.我正在使用javascript来设置此iframe的body元素的样式.
我想知道是否有可能设置一个特定的风格,使得这个iframe的主体像它在里面一样<pre/>.
我正在尝试在网站上显示我的代码,但我遇到了正确保留空白缩进的问题.
例如,给出以下代码段:
<html>
<body>
Here is my code:
<pre>
def some_funtion
return 'Hello, World!'
end
</pre>
<body>
</html>
Run Code Online (Sandbox Code Playgroud)
这在浏览器中显示为:
Here is my code:
def some_funtion
return 'Hello, World!'
end
Run Code Online (Sandbox Code Playgroud)
当我希望它显示为:
Here is my code:
def some_funtion
return 'Hello, World!'
end
Run Code Online (Sandbox Code Playgroud)
区别在于HTML预标记的当前缩进级别被添加到代码的缩进中.我正在使用nanoc作为静态网站生成器,我使用谷歌美化也添加语法高亮.
有人可以提供任何建议吗?
pre{font-family:cursive;font-style:italic;font-size:xxx-small}
Run Code Online (Sandbox Code Playgroud)
如何更改pre字体大小?
这是我的博客页面.我的一些帖子有C#代码块.为此,我使用<'pre'>标签.pre标签宽度为100%,并具有背景颜色.但是,文字远离它,如下图所示.我怎么能克服这个?我不想要底部滚动条.
gem install rails --pre
ERROR: While executing gem ... (NameError)
uninitialized constant Psych::Syck
Run Code Online (Sandbox Code Playgroud)
我似乎无法找到有关如何解决此问题的任何信息.有没有其他人有同样的问题?
我在Ruby 1.9.2中使用RVM中新创建的gemset
我有以下HTML:
<body>
Here is some code:
<pre><code>
Here is some fun code!
</code></pre>
</body>
Run Code Online (Sandbox Code Playgroud)
但是当我预览它时,因为代码是缩进的,所以pre完全没有了.我可以通过将内容带回缩进来解决这个问题,但它看起来很傻.我可以使上面的文字看起来没有缩进吗?