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

preフォントサイズを変更するには？

4

9 に答える 9

43

preタグ内のテキストのフォントサイズを直接変更することはできませんが、いつでもそのテキストを別の要素（スパンなど）でラップして、その要素のフォントサイズを変更できます。

たとえば（これはインラインスタイルですが、必要に応じてCSSに入れることができます）：

<pre><span class="inner-pre" style="font-size: 11px">
Blah blah
Multiple lines and no br's!
Oh yeah!
</span></pre>
于 2010-11-29T20:39:02.457 に答える
12

あなたの問題はおそらくCourerがデフォルトのフォントとして使用されているためです.Courier Newを優先フォントとして設定すれば問題ありません.

以下は、Firefox と IE の両方で正常に動作します。

pre {
   font-family: "courier new", courier, monospace;
   font-size: 11px;
}
于 2012-04-11T14:40:17.740 に答える
10

フォントサイズを一度だけ変更する必要がある場合は、次のように書くことができます

<pre style="font-size: 10px">
    ...
</pre>
于 2014-04-17T07:38:25.533 に答える
8

ここを見てください：

PRE-フォーマット済みのテキスト

HTMLタグ

PRE要素内のフォントサイズを変更することはできません（たとえば、FONT要素内にPRE要素を配置することはできません）が、BASEFONT要素は事前にフォーマットされたテキストにも影響します。

于 2010-03-28T05:35:48.820 に答える
4


こちらが Demo

私のブラウザー (chrome、FF、IE) が同意しない理由がよくわかりません!

何か不足している場合はお知らせください。

HTML

<pre>
Test
</pre>

CSS

pre {
    font-size: 100px;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

クロム

ここに画像の説明を入力

ファイアフォックス

ここに画像の説明を入力

IE

ここに画像の説明を入力

于 2014-06-08T16:34:10.470 に答える
3

preタグのフォント サイズを固定する 1 つの解決策は、次を使用することです。

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

preこれにより、要素の幅を正確に判断できないモバイル ブラウザーのフォント サイズが修正されます。

出典:モバイル デバイスで pre タグのフォント サイズが大きくなりすぎる – 修正

于 2016-11-18T21:09:20.590 に答える
2

さまざまなブラウザでサポートされている標準フォントと関係があると思います。別のブラウザでコードを試してみてください。ただし、IEはW3と互換性がないことに注意してください。

于 2012-08-14T04:25:53.380 に答える