Firefox 2 在尝试跨浏览器内联块技巧时冻结答案

【问题标题】：Firefox 2 freezes when trying cross-browser inline-block trickFirefox 2 在尝试跨浏览器内联块技巧时冻结
【发布时间】：2009-04-24 19:37:21
【问题描述】：

我正在尝试设计一个使用 CSS inline-block 显示值进行表格排列的表单。我知道包括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。
标签对于该错误不是必需的，但它可以防止输入相互重叠。

【问题讨论】：

我决定放弃这个问题。我尝试了 Andy Ford 的建议，它使浏览器不会崩溃，但它引起了其他视觉怪癖。最终，我让我的网站在 Firefox 2 中运行。它看起来不太一样，但我认为仍然使用 Firefox 2 的人太少了，我不值得尝试对此进行诊断。如果有人关心，其他人将不得不处理这个问题。
这可能有点晚了，但如果有人感兴趣，这里是我了解这个技巧的地方：blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block

标签： html css firefox firefox2

【解决方案1】：

试试这个

div {
  display: -moz-inline-box;
  display: inline-block;
  }

【讨论】：