Opera CSSバグリスト

右パディングを設定した要素の末尾にbr要素を置くとレイアウトが乱れる(7.0)

• 2003-03-22更新。原因が分かりました。
• 2003-03-24更新。症状を変更。

症状

left以外の値が指定されたfloatプロパティかtext-alignプロパティが親要素に指定されているとき、右パディングと white-space: nowrap; が指定され内容物の末尾にbr要素がある要素の周辺のレイアウトが乱れる。

例示

<p style="text-align:center;">1行目 1行目 1行目<br>
2行目 2行目
<span style="padding-right:1px;">2行目<br></span>
3行目 3行目 3行目<br>
4行目 4行目 4行目</p>

2行目の末尾に問題を起こす形式の要素を置いています。

スクリーンショット

補足

右パディングだけが設定された状態でレイアウトの乱れが最も大きくなります。同時に左パディングを設定するとこのバグを回避できます。

<p style="text-align:center;">1行目 1行目 1行目<br>
2行目 2行目
<span style="padding:0 1px;">2行目<br></span>
3行目 3行目 3行目<br>
4行目 4行目 4行目</p>

修正状況

Opera7.03では標準・互換モードの両方で不具合の発生が確認されました。