Firefox 2 зависает при попытке кросс-браузерного трюка со встроенными блоками

Я пытаюсь спроектировать форму, которая использует значение отображения встроенного блока CSS для табличного расположения. Я знаю, что некоторые браузеры, включая Firefox 2, не знают, как с этим обращаться, поэтому я использовал этот метод, чтобы он работал во всех браузерах. Однако иногда, когда я пытаюсь сделать это в Firefox 2, браузер зависает. Использование моего процессора застревает почти на 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. Тег
не нужен для ошибки, но он предотвращает наложение входных данных друг на друга.

Источник

1 ответ

Попробуйте это вместо

div {
  display: -moz-inline-box;
  display: inline-block;
  }
Источник
Другие вопросы по тегам