そのWiki文法「引用2」の行間は，なぜ新しいブラウザで「すごく広く」見えるのか？

強制改行のタグと[改行コード]を改行となるように表示しているからです。

Wiki文法にチェク投稿した場合
その投稿したテキストに[改行コード]が含まれていると、
XHTMLの<br />を付加して出力します。

HTML文書の一般的な領域では、
<br />を解釈し、[改行コード]は無視します。（無視していいことになっている）

ブログ記事のテキストが改行されて見えているのは、
改行コードを解釈しているのではなく、この<br />を解釈しているからです。

ですが、引用2により内包される領域では、
pre要素と同じように、そのまま表示するような設定(p3 1.7)になっているのです。

(p3 1.7)

#mainContentsArea div.wiki div.quote {
padding:8px;
font-size:1em;
line-height:1.6em;
color:#4B4B4B;
background-color:#eee;
border:1px solid #ccc;
word-break:break-all;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

これは、firefoxやoperaなど，新しいブラウザに有効です。

white-space: -moz-pre-wrap;……geko系用（firefoxなど）
white-space: -pre-wrap;　　……opera用
white-space: -o-pre-wrap;　……opera用
white-space: pre-wrap;　　 ……新しいブラウザ（operaなど）

つまり、[改行コード]を改行として表示します。
また、タグの<br />も改行として表示します。

つまり，1つの改行コードで，改行を2つしているように表示します。

これが、行間がすごく広く見える理由だと考えられます。

以前の設定(p2)でも、
(p2)

div.quote {
padding: 8px 8px 8px 8px;
white-space:pre-wrap;
white-space: -moz-pre-wrap;
font-size:12px;
line-height:18px;
color:#4B4B4B;
background-color: #eee;
border: 1px solid #ccc;
word-break:break-all;
}

※「引用3」では、元々pre要素ですが、この部分に<br />を出力していません。

---

そのWiki文法「引用2」の行間は，なぜ新しいブラウザで「すごく広く」見えるのか？