페이지의 IMG 태그를 기반으로 CSS 스프라이트를 자동으로 생성하고 적절한 부분을 보여줄 배경으로 스프라이트 이미지를 배치하기 위해 적절한 CSS로 DIV를 대체하는 코드를 작성했습니다. 문제는 DIV가 IMG의 대체품으로 작동하지 못하게한다는 것입니다.DIV를 CSS 스프라이트로 사용하기 위해 IMG처럼 동작하게하려면 어떻게해야합니까?
기본값 인 'display'값을 'block'으로 설정하면 원래 IMG가 텍스트의 끝에 위치하면 대체 DIV가 텍스트 다음 줄로 건너 뜁니다. display : 블록을 사용하여 무언가를 기대합니다).
'display'를 인라인으로 변경하면 DIV는 텍스트와 동일한 줄에 있지만 '너비'와 '높이'를 무시하고 설정하고 접습니다. 나는 을 DIV 안에 넣어 봤지만 nbsp를 포함 할만큼의 너비 만 차지합니다.
나는 'table-row', 'run-in', 'compact'등과 같은 "희미한"값을 포함하여 가능한 모든 값을 표시하는 실험을 해봤지만 운이 전혀 없습니다. IMG와 동일한 레이아웃 동작으로 DIV를 만들 수 있습니까?
나는 하나의 DIV보다 복잡한 것을 가지고있다. 그러나 나는 거기에 명백한 것을 시도했다. (하나의 DIV는 내부 DIV가 표시되도록 설정되어있다 : 표시 할 외부 세트를 가진 블록 : 인라인) 그러나 나는 거기에서 조합을 발견하지 못했다.
내가 원하는 레이아웃을 얻기 위해 대체 된 IMG/DIV 외부에서 수행 할 수있는 특정 작업이 있지만 내 목표는 나머지 HTML과 상관없이 작동하는 일반적인 자동 CSS 스프라이트 메커니즘을 사용하는 것입니다.
빠른 것이 었습니다! –