html - 그림이 글자를 잘못 싸는 것입니다.

Question

html 문서에 문자 그림을 사용해야합니다 (예 : "hi"대신 문자 h의 이미지가 있고 문자 i의 이미지가 있음). 그러나 Firefox는 단어가 잘못 표시되었습니다 (다른 브라우저는 관련 없음). 일반적으로 Firefox는 한 단어의 처음에 새 줄을 시작하지만 글자를 그림 대신 사용하면 "단어"의 중간에 줄 바꿈이 생깁니다. Firefox에서 편지의 그림을 글자처럼 취급해야한다는 것을 인식하게하려면 어떻게해야합니까? 나는 HTML 4를 사용하고 있다고 생각한다.

Answer 1

는 등 그림의 크기, 같은 여기에 가서 많이하지 마십시오,하지만 난 당신이 라인을 따라 뭔가 시작해야한다고 생각 : CSS의이 같은 다음

<div id="container"> 
    <img class="lettpics" src="path/to/image.png" /> 
    <img class="letterpics" src="path/to/image2.png" /> 
</div> 

과 :

.letterpics { 
    display:inline; 
    float:left; 
} 

여기에 내가 작성한 jsfiddle에 대한 빠르고 쉬운 링크가 있습니다. http://jsfiddle.net/ura5be5m/

잘하면 도움이 될 것입니다.