<pre>
改行が保持されないようにタグの CSS スタイルを設定する Twitter Bootstrap を使用しています。デフォルトの動作をリセットするには、どのプロパティを変更する必要がありますか?
<pre>
line 1
line 2
line 3
</pre>
生産する
line 1 line 2 line 3
それよりも
line 1
line 2
line 3
<pre>
改行が保持されないようにタグの CSS スタイルを設定する Twitter Bootstrap を使用しています。デフォルトの動作をリセットするには、どのプロパティを変更する必要がありますか?
<pre>
line 1
line 2
line 3
</pre>
生産する
line 1 line 2 line 3
それよりも
line 1
line 2
line 3
おそらくあなたのdisplay:block;
財産は上書きされています。pre{display:block;}
外部スタイルシートで設定する必要があります。twitterブートストラップバージョン2には デフォルトでpre
タグが定義されdisplay:block;
ているため、オーバーライドしていることは明らかです。
別の要素タグを使用し、javascript コードの構文強調表示 API を使用することをお勧めします。ブラウザーでは、pre タグの動作を変更することはできません。pre タグの Shadow DOM は変更できません。コード スニペットの柔軟性をさらに高めたい場合は、この方法を使用します。
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_pre