<pre> 标签没有样式

Question

我想在 <pre> 标签内设置我网站上的文本样式，但它永远行不通。

我试过把这个放在我的 CSS:

pre {
    font-family: Georgia;
}

我也试过像这样将它内联：

<pre style=”font-family: Georgia;”>

但是 none 这些作品的字体保持等宽。

这些东西有效 here，但在我的网站上无效。

为什么会这样？如果没有解决方案，是否有 <pre> 标记的替代方法让我有换行符？

Answer 1

我在一个页面上有两个样式表，导致前面的文本是等宽的。删除其中一个解决了问题。

Answer 2

尝试重要

pre {
    font-family: Georgia !important;
}


<pre style=”font-family: Georgia !important;”>

Answer 3

您还可以使用 class 选择器为带有 CSS 的预标记设置样式。
HTML代码

<pre class="code">  Text Here </pre>

CSS代码

.code { font-family: Georgia; background-color: #A8CBFF; }

您可以查看更多用途on an article I wrote here

<pre> tag not styling