问题标签 [pre]

我有兴趣看到这个结果。

如果你想在文本中有多个空格，你可以通过几种方式来做到这一点。

单程：

下一个方法：

最后一种方式：

哪一个是最好的？

pre 标签还可以水平放置间距，这是一个很好的简单方法：

我有一组 3 个可编辑的 pre 标签。当有人在其中一行上并点击“输入”时，我希望它在它所在的下面（在文档树中）插入一个新标签。我试图在标签上放置一个事件处理程序以便发生这种情况，但“onkeypress”似乎没有被触发。

我想要一组可编辑的pre标签，每个标签代表一行文本。该行应该以行号（不可编辑）开始，然后可以编辑。如果我这样做了，<span contentEditable="false">1 </span><pre contentEditable="true"></pre>那么span是不可编辑的并且pre是可编辑的，但pre是在下一行。

如果我将其更改span为在pre( <pre contentEditable="true"><span contentEditable="false">1 </span></pre>) 内，则整个内容都是可编辑的，并且 1 显示在行的中间，并带有奇怪的标签缩进它。

如何在行首获取行号pre？

假设我有一个代码，其中我有很多</pre>“未打开”并且内部没有相关值。假设我有一个<pre>很好的开始和结束，里面有有价值的内容。如何通过使用 PHP（请不要说 DOM）删除未使用</pre>的内容和主要内容之外的额外内容来清理我的代码？<pre>

谢谢阅读。

用例如编辑

所以，我通常像这样格式化我的 HTML 源代码：

但是，这种格式样式与 PRE 元素不兼容，因为这些元素中的所有空格都很重要。

见这里：http: //jsfiddle.net/pjEYm/

为了修复代码块的显示，我必须像这样格式化源代码：

见这里：http: //jsfiddle.net/pjEYm/1/

然而，这降低了我的源代码的整洁度和可读性。

我想使用一种解决方案，使我能够保留我的格式样式。

我尝试设置white-space属性。最接近解决方案的是white-space: pre-line，但它也会从代码中删除所有缩进。

见这里：http: //jsfiddle.net/pjEYm/2/show/

所以，我选择了 JavaScript：

现场演示：http: //jsfiddle.net/pjEYm/3/

虽然这可行，但我仍然更喜欢某种CSS 解决方案。有吗？

是否可以在没有表格的情况下水平和垂直对齐 pre 标签？我想在网页上垂直和水平对齐一些ASCII 艺术。虽然我已经使用表格成功地进行了改编，但我想知道是否可以将其转换为使用其他元素和 CSS。每件 ASCII 艺术作品都有不同的高度和宽度，因此重要的是要注意我的问题的解决方案必须涉及没有固定的高度或宽度要求。

谢谢你。

我在具有格式和固定宽度的段落内的文本对齐“对齐”有问题，因为我希望 HTML 中的段落文本看起来完全对齐（就像它会发生在 MS Word 文件中）。但是，这不会发生。我需要修改什么来实现它？

编辑：如果我用<pre>标签替换<p>标签，我的代码可以正常工作。有人可以解释一下为什么吗？也许我使用了错误的<pre>标签。

我正在使用preelement 来显示一些文本，包括特殊的 unicode 字符（⚡ ⚑ ▶ ◀ ⁋）。我注意到浏览器渲染这些特殊字符比普通字符更宽，水平占用更多空间。

这可以在这里很容易地看到：https ://gist.github.com/968b5c22cce14909cf27 两行都有 20 个字符，但请注意第一行更长（屏幕像素）。

有没有办法（CSS）强制前置元素（或其他应用等宽字体的元素）具有真正固定的字符宽度？

我检查了 Chrome 和 Firefox，它们都扩展了特殊字符的宽度。

我有以下 HTML：

以及以下 CSS：

h2但是在和pre元素之间有一个我似乎无法摆脱的差距。

您可以在此处查看实际问题：http: //jsfiddle.net/gaby/k5V8U/

输出是：

带前置的代码

输出是：

<pre>标签有什么特别之处？它只用于line breaks吗？