- display:inline-block이란 속성을 어느 때 사용해야 되는지에 대한 내용과 사용하면서 있었던 문제
- IE6,7
inline태그에 (inline-block)속성 사용시 : 이상없음
block태그에 (inline-block)속성 사용시 : inline-block을 block속성으로 인식하는 버그로 인하여
*display:inline;*zoom:1;
위의속성 사용하여 해결
- FF2
또한, FF2에서는 display:-moz-inline-stack;을 사용하여
해결을 하였는데요. 이것보다 더 의미에 맞는 속성은 display:-moz-inline-box;속성이라고 합니다.
하지만 제가 사용해본 결과로는 -moz-inline-box속성을 사용할 경우 FF에서 조금씩 영역을 제대로 잡지 못하는 문제를 발견하게 되어 inline-stack을 사용하고 있습니다.
- IE6,7
inline태그에 (inline-block)속성 사용시 : 이상없음
block태그에 (inline-block)속성 사용시 : inline-block을 block속성으로 인식하는 버그로 인하여
*display:inline;*zoom:1;
위의속성 사용하여 해결
- FF2
또한, FF2에서는 display:-moz-inline-stack;을 사용하여
해결을 하였는데요. 이것보다 더 의미에 맞는 속성은 display:-moz-inline-box;속성이라고 합니다.
하지만 제가 사용해본 결과로는 -moz-inline-box속성을 사용할 경우 FF에서 조금씩 영역을 제대로 잡지 못하는 문제를 발견하게 되어 inline-stack을 사용하고 있습니다.
inline-block의 브라우저별 지원 여부는 아래 페이지에서도 확인할 수 있습니다.
http://www.webdevout.net/browser-support-css
참고 - 정찬명님 블로그 CSS Text Button Design
태그 : inline-block
덧글