问题标签 [pre]

是否可以像在代码编辑器中那样在网页上包装缩进代码？请参阅下面的屏幕截图比较以更好地理解我的意思：

pre-wrap在网页上：

在代码编辑器中换行缩进：

我的意思是缩进线即使在换行后也保持缩进。这似乎不会发生在网页上。是否有一个 CSS 属性可以做到这一点？（JavaScript 也可以。）

注意：我不是在这里谈论代码突出显示。这是关于包裹线的缩进。

如果这很重要——这就是我在网页上显示代码块的方式：

...并且white-space: pre-wrap;样式应用于pre标签。

我正在使用表达式引擎字段来使用<pre>元素和[code]标记发布代码示例，但我也将此字段用作摘录。在摘录中，我想删除这些前置元素中的任何内容（或以某种方式停止，一旦它到达<pre>元素。有人知道该怎么做吗？这是我的摘录代码：

这是一个包含代码的示例条目：

我在猫鼬中有这个模式，当我使用带有更新的 pre 时，我得到了这个错误。

完全错误

笔记：

• pre('保存' WORKS
• post('update' 不会抛出错误并且不起作用

我有一个 XML 示例代码块，它们都在一个<pre>标记内的一行中。我想以编程方式将其分成多行，然后添加缩进。

示例代码已经用 HTML 特殊字符格式化，替换了每个标记的左右尖括号。

我计划通过加载为 jQuery 对象来使用 jQuery 操作代码。但是我怎样才能在每个标签后输入换行符呢？两者都\n以<br>文本形式打印，因为，嗯，它是<pre>. 我基本上想模拟当您使用返回键输入换行符时在 IDE 中发生的情况。有什么想法吗？

更新：使用 .html()\n我让它工作，在这个更新的 jsfiddle 中显示：http: //jsfiddle.net/SPms3/17/

我有一个书本模型。这是它的架构

当一本书的商品被创建时，如果商品的价格低于原价，我必须更新这本书的最低价格。因为我需要知道原产地最低价格，所以我不能使用Book.update()，它跳过了预保存挂钩，而是用于Book.findById(id).select('lowestPrice')查找书籍而不是更新它。问题是我不想选择该title字段，因此当涉及到 pre-save 挂钩时，TypeError发生的 forthis.title是未定义的。有没有办法跳过预保存挂钩？

我有一些pre用换行符格式化的元素，如下所示：

如果我将以下内容应用于第一个pre元素：

在 IE8 中，这会导致换行符丢失，结果如下：

在 Chrome 中，上面的 jQuery 没有你所期望的效果。

示例：http: //jsfiddle.net/6mkAa/

有谁知道是什么导致了 IE 中这种奇怪的行为？我想编辑我的pre元素的内容，而不会在此过程中丢失格式。

我在我的 rails 3.2 应用程序中使用 tinymce。我在配置中的 tinymce.yml 中添加了 pre 作为插件。但是 UI 上显示的用于添加代码段的按钮看起来已禁用。为什么？我的页面上根本没有 javascript 或 css 错误。

在 IE7 中，标签内的多个换行符（使用<br />或<br>）<pre>将导致 IE7 将换行符折叠成单个换行符。为了证明这一点，您可以使用以下 HTML 代码：

这将导致：（对于 IE7）

并且会导致：（对于其他浏览器：FF等）

正如您将看到的，我可以使用标签本身来解决这个display: block;问题。<br />但问题是，它不再适用于其他浏览器，因此它只是 IE7 的修复程序，因此无用，因为 IE7 不是真正的主要浏览器，将来也不会。

虽然这只是一个备注，而不是<pre>标签，你可以更好地在标签上使用 CSS 代码<div>：white-space: pre-wrap;word-wrap: break-word;为了模拟类似的行为，剩下要回答的问题是如何以跨浏览器的方式解决这个问题，而不需要 CSS hack 或特定的浏览器定位的 CSS 代码。

我有一个具有以下样式的 pre 元素：

为什么在滚动pre元素时会忽略右填充？我不想换行，我想要这种行为（这不是基于规范的预期行为，但似乎在 webkit 中工作）：http: //jsfiddle.net/joshnh/Ly5kz/

这是一个现场示例的链接：http: //joshnh.com/2012/08/14/making-a-pure-css-featured-image-slider/#step1

我在一组 pre 标签中有一些数据，我想包装这些数据。我正在使用以下 CSS 实现此目的：

但是，如果我将 pre 标签放入表格单元格中，这将不再有效；数据都保留在一行上。

我知道有 white-space: pre-wrap 选项，但是我在 C# 的 WebBrowser 控件中使用这个 CSS，它总是像 IE7 那样呈现，并且 pre-wrap 属性似乎永远不会工作。

有谁知道如何让我的 CSS 用于 pre 标签在表格单元格中工作？或者这是否可能？

我愿意接受有关使用表格的替代方案的建议，但是我需要复制一个表格，因为它具有包含多个单元格的行，每个单元格的高度都会增长以匹配最大的一个。