CSS IE에서 인라인 블록 문제 표시

IE6 & IE7 문제로 인해 문제가 발생했으며 다른 사람이 IE6/7을 사용하지 않는 것 외에 다른 해결책을 찾고 싶습니다. 오른쪽에있는 비용은 왼쪽에있는 레이블과 같은 줄에 있어야합니다. 필자는 파이어 폭스에서만 작동 할 수 있지만, 예를 들어 IE7에서는 인라인 블록을 사용하고 있어도 아래 줄에 비용이 발생합니다. yhelp 크게CSS IE에서 인라인 블록 문제 표시

주를 감상 할 수있다 : 나는 무슨 일이 일어나고 있는지 볼 수 있도록 내가 국경 켜져 ... 내 문제의

데모 : http://jsbin.com/ilese4/

여기가 IE7에서 렌더링하는 방법의 사진입니다. 이 링크는 도움이 될 수 있습니다

alt text

출처

2011-01-20 Evan

이제 http://stackoverflow.com/questions/1994667/problem-in-displayinline-and-displayinline-block과 http : // stackoverflow가 중복 된 것으로 보았습니다. com/questions/608172/block-level-elements-within-display-inline-block – bluish

그것을 해결하기 위해 : Cross-Browser Inline-Block

(가) 매우 당신이 inline-block 일 크로스 브라우저 만들 필요 이상 (포함는 IE6/7)입니다 :

.my-inline-block { 
    display: inline-block; 
    *zoom: 1; 
    *display: inline; 
}

추가적인 단점을 수정해야 할 수도 있습니다. 자세한 내용과 설명은 링크에 있습니다.

출처

2011-01-20 17:03:06 bluish

저는 IE에서 디스플레이 블록 작업을하기 위해 열심히 노력하지 않았습니다. 적게. 이 솔루션은 여기에 왼쪽에 클래스를 추가하고 오른쪽에 비용을 지불 한 것처럼 떠 다니는 것으로 충분합니다. http://jsbin.com/araco4/ – Evan

CSS IE에서 인라인 블록 문제 표시

답변

관련 문제