1

表のような配置に CSS インライン ブロック表示値を使用するフォームを設計しようとしています。Firefox 2 を含む一部のブラウザーでは処理方法がわからないことがわかっているため、この方法を使用してすべてのブラウザーで動作するようにしました。ただし、Firefox 2 で試してみると、ブラウザがフリーズすることがあります。CPU 使用率が 100% 近くでスタックし、メモリ使用率が急激に増加して非常に大きな値になることがあります。なぜこれが起こっているのか、それを回避する方法を知っている人はいますか? この問題を示すページの簡単な例を次に示します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>-moz-inline-stack test</title>
<style type="text/css">
div {
    display: -moz-inline-stack;
}
</style>
</head>
<body>
<div>
    <input type="radio" name="test" value="yes">
    <br>
    <input type="radio" name="test" value="no">
</div>
</body></html>

Firefox 3 では問題なく動作しますが、Firefox 2 ではフリーズします。 <br> タグはこのバグには必要ありませんが、入力が重ならないようにしています。

4

1 に答える 1

2

代わりにこれを試してください

div {
  display: -moz-inline-box;
  display: inline-block;
  }
于 2009-04-24T21:08:29.670 に答える