<pre> 标签没有样式答案

【问题标题】：<pre> tag not styling<pre> 标签没有样式
【发布时间】：2016-07-07 02:08:05
【问题描述】：

我想在我的网站上设置 <pre> 标记内的文本样式，但它永远不会起作用。

我已经尝试将它放在我的 CSS 中：

pre {
    font-family: Georgia;
}

我也试过像这样内联：

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

但是这些都不起作用，字体保持等宽。

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

尝试重要的

pre {
    font-family: Georgia !important;
}


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

【讨论】：

【解决方案3】：

您还可以使用类选择器来设置带有 CSS 的 pre 标记的样式。
HTML 代码

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

CSS 代码

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

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

【讨论】：