如何使用css更改<pre>字体大小

Question

pre{font-family:cursive;font-style:italic;font-size:xxx-small}

如何更改pre字体大小？

Answer 1

虽然无法直接在预标记内更改文本的字体大小,但您始终可以将该文本包装在另一个元素(例如跨度)中,并更改该元素的字体大小.

例如(这是内联样式,但如果你愿意,可以放在CSS中):

<pre><span class="inner-pre" style="font-size: 11px">
Blah blah
Multiple lines and no br's!
Oh yeah!
</span></pre>

Answer 2

您的问题可能是由于Courer被用作默认字体,如果您将Courier New设置为首选字体应该没问题.

以下在Firefox和IE中都可以正常工作

pre {
   font-family: "courier new", courier, monospace;
   font-size: 11px;
}

Answer 3

看看这里:

您不能在PRE元素中更改字体大小(例如,您不能将PRE元素放在FONT元素中),但BASEFONT元素也会影响预格式化的文本.

Answer 4

如果您只需要更改一次字体大小,就可以编写

<pre style="font-size: 10px">
    ...
</pre>

Answer 5

固定pre标签字体大小的一种解决方案是使用：

\n

pre\n{\n    white-space: pre-wrap !important;\n}\n

这修复了移动浏览器上的字体大小，该浏览器无法准确确定元素的宽度pre。

\n

\n