크로스 브라우저 인라인 블록 트릭을 시도 할 때 Firefox 2가 멈추는 경우

표와 같은 정렬을 위해 CSS 인라인 블록 표시 값을 사용하는 양식을 디자인하려고합니다. Firefox 2를 포함한 일부 브라우저는이를 처리하는 방법을 모르기 때문에 모든 브라우저에서 작동하도록이 방법을 사용했습니다. 그러나 때로는 Firefox 2에서 시도 할 때 브라우저가 멈 춥니 다. 내 CPU 사용량이 100 % 가까이에 갇히고 때로는 메모리 사용이 급격히 커져서 큰 가치가됩니다. 왜 이런 일이 일어나고 있는지 또는 어떻게 해결할 수 있는지 아는 사람이 있습니까? 다음은이 문제를 보여줍니다 페이지의 간단한 예입니다 :크로스 브라우저 인라인 블록 트릭을 시도 할 때 Firefox 2가 멈추는 경우

<!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>

은 파이어 폭스 3에서 잘 작동하지만 <BR> 태그는 버그 필요가 없습니다 파이어 폭스 2. 정지하지만되는 것을 입력을 유지 서로 위에.

출처

2009-04-24 Elias Zamaria

나는이 질문을 포기하기로 결정하려고합니다. 앤디 포드 (Andy Ford)의 제안을 시도한 결과 브라우저의 충돌을 막았지만 다른 시각적 인 단점이있었습니다. 결국, 나는 파이어 폭스 2에서 일할 내 사이트를 얻었습니다. 꽤 똑같지는 않지만, 파이어 폭스 2를 사용하는 사람은 거의 없다는 것을 알았 기 때문에, 이것을 진단하려고 노력할 가치가 없다고 생각했습니다. 누구라도 신경 쓰면 다른 사람이이 질문을 처리해야합니다. –

이것은 다소 늦어 질 수 있지만, 관심있는 사람을 위해 여기에 트릭에 대해 알게 된 곳이 있습니다 : http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block / –

이 대신

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

출처

2009-04-24 21:08:29

크로스 브라우저 인라인 블록 트릭을 시도 할 때 Firefox 2가 멈추는 경우

답변

관련 문제