标签: pre

168
推荐指数
10
解决办法
128万
查看次数

通过CSS将元素显示为预格式化文本

有没有办法pre通过CSS 模拟元素的显示?

例如,我可以使用CSS规则在此div中保持空格完整吗?

<div class="preformatted">

  Please procure the following items:

    - Soup
    - Jam
    - Hyphens 
    - Cantaloupe
</div>
Run Code Online (Sandbox Code Playgroud)

html css whitespace pre

100
推荐指数
3
解决办法
5万
查看次数

如何让Twitter Bootstrap的<pre>块水平滚动?

根据示例http://twitter.github.com/bootstrap/base-css.html#code,bootstrap仅支持<pre>开箱即用的可垂直滚动和自动换行的块.我如何制作它以便我可以使用水平可滚动的,未包装的代码块?

pre horizontal-scrolling twitter-bootstrap

59
推荐指数
3
解决办法
4万
查看次数

如何在PRE或类似的东西中显示原始html代码但不转义它

我想显示原始HTML.我们都知道必须像这样逃避每个"<"和">"

     <PRE> this is a test  &ltDIV&gt </PRE>
Run Code Online (Sandbox Code Playgroud)

但是,我不想这样做.我想要一种方法来保持HTML代码(因为它更容易阅读,(在编辑器内)我可能想要复制它并自己再次使用它作为实际的HTML代码,并且不希望再次更改它或者有两个版本的相同代码一个转义,一个没有转义).

是否有任何其他环境比PRE更"原始"可能允许这样做?因此,每次他们想要显示一些原始HTML代码时,不必继续编辑HTML并更改所有内容,可能是HTML5中的?

就像是 <REALLY_REALLY_VERBATIM> ...... </<REALLY_REALLY_VERBATIM>

屏幕截图

JavaScript解决方案在FF 21上不起作用,这是屏幕截图 在此输入图像描述

屏幕截图2

第一个解决方案仍然无法在Firefox上运行,这里是屏幕截图 在此输入图像描述

html pre

58
推荐指数
4
解决办法
12万
查看次数

是否可以使任何CSS元素表现得像<pre>

我在iframe中加载一些内容.我希望这个内容的行为 - 如果它在<pre>标签内部- 即它要尊重换行符.我正在使用javascript来设置此iframe的body元素的样式.

我想知道是否有可能设置一个特定的风格,使得这个iframe的主体像它在里面一样<pre/>.

html css pre

54
推荐指数
3
解决办法
1万
查看次数

如何保留HTML <pre>标记中包含的文本的空格缩进,不包括文档中<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作为静态网站生成器,我使用谷歌美化也添加语法高亮.

有人可以提供任何建议吗?

html whitespace indentation pre

45
推荐指数
3
解决办法
4万
查看次数

如何使用css更改<pre>字体大小

pre{font-family:cursive;font-style:italic;font-size:xxx-small}
Run Code Online (Sandbox Code Playgroud)

如何更改pre字体大小?

html css pre font-size

32
推荐指数
5
解决办法
6万
查看次数

HTML <pre>标记值获取水平滚动条,如何格式化?

此图显示了我在代码中发生的情况 这是我的博客页面.我的一些帖子有C#代码块.为此,我使用<'pre'>标签.pre标签宽度为100%,并具有背景颜色.但是,文字远离它,如下图所示.我怎么能克服这个?我不想要底部滚动条.

html pre

31
推荐指数
2
解决办法
4万
查看次数

通过RVM在Ubuntu 11.04上的Rails 3.1 - 未初始化的常量Psych :: Syck

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

ubuntu pre ruby-on-rails-3.1

27
推荐指数
2
解决办法
5925
查看次数

如何删除<pre>/<code>块中的前导空格而不删除HTML中的缩进?

我有以下HTML:

<body>
    Here is some code:

    <pre><code>
        Here is some fun code!    
    </code></pre>
</body>
Run Code Online (Sandbox Code Playgroud)

但是当我预览它时,因为代码是缩进的,所以pre完全没有了.我可以通过将内容带回缩进来解决这个问题,但它看起来很傻.我可以使上面的文字看起来没有缩进吗?

html css pre

17
推荐指数
2
解决办法
1万
查看次数