218得票19回答
如何使用HTML/CSS在文本中插入空格/制表符

可能的方式:<pre> ... </pre> 或者style="white-space:pre" 还有其它问题吗?

123得票4回答
通过CSS将元素显示为预格式化文本

有没有办法通过CSS模拟pre元素的显示效果? 比如说,我能否通过使用CSS规则来保留这个中的空白符号?<div class="preformatted"> Please procure the following items: - Soup - Jam ...

102得票8回答
如何在<pre>标签内转义"<"和">"字符

我想写一篇博客文章,其中包含在&lt;pre&gt;标签中的代码段。该代码段包括一个泛型类型,并使用&lt;&gt;来定义该类型。代码段如下所示: &lt;pre&gt; PrimeCalc calc = new PrimeCalc(); Func&lt;int, int&g...

71得票8回答
如何在 PRE 或类似元素中显示原始 HTML 代码但不进行转义处理

我想要显示原始的HTML代码。我们都知道需要对每个"&lt;" 和 "&gt;" 进行转义,像这样: &lt;PRE&gt; this is a test &amp;ltDIV&amp;gt &lt;/PRE&gt; 然而,我不想这样做。我希望找到一种方法来保留 HTML 代码(因为...

67得票4回答
有没有可能让任何CSS元素表现得像<pre>元素?

我正在一个iframe中加载一些内容。 我希望这个内容表现得就像它在&lt;pre&gt;标签内一样 - 也就是说,它要遵守换行符。 我正在使用javascript来设置此iframe的body元素的样式。 我想知道是否有可能设置特定的样式,使得这个iframe的body表现得像在&lt;p...

61得票4回答
如何使Twitter Bootstrap的<pre>块水平滚动?

根据https://getbootstrap.com/docs/4.3/content/code/#code-blocks的示例,Bootstrap默认只支持垂直滚动和自动换行的&lt;pre&gt;代码块。如何使代码块水平滚动且不换行?

56得票11回答
如何保留HTML <pre>标签中文本的空格缩进,但不包括文档中<pre>标签的当前缩进级别?

我想在网站上展示我的代码,但我遇到了保留正确空格缩进的问题。例如给定以下代码片段:&lt;html&gt; &lt;body&gt; Here is my code: &lt;pre&gt; def some_funtion return 'Hello, ...

55得票6回答
HTML中的<pre>标签值会出现水平滚动条,如何进行格式化?

这是我的博客页面。有时我需要在博客中使用C#,PHP和其他代码片段。因此,我使用pre标签来使其看起来漂亮,并保持格式化代码不变。 pre标签的宽度为100%,并具有背景颜色。然而,正如上图所示,文本从标签中溢出,并且水平滚动条将出现。我应该怎么解决? 我不想要底部的滚动条。

44得票9回答
如何使用CSS更改<pre>字体大小

pre{font-family:cursive;font-style:italic;font-size:xxx-small} 如何更改pre标签的字体大小?

38得票3回答
如何在不删除HTML缩进的情况下删除<pre>/<code>块中的前导空格?

我有以下的HTML:&lt;body&gt; Here is some code: &lt;pre&gt;&lt;code&gt; Here is some fun code! &lt;/code&gt;&lt;/pre&gt; &lt;/bo...