Mozilla 한국 커뮤니티

안녕하세요.

이미지 위치를 지정하는 방법을 알고 싶습니다.

긴 문장 중간에 이미지가 위치해야하는데..
css 로 지정할 수 있을런지 궁금합니다.

float로 지정해 보니 이미지 삽입 위치에서 좌우로 움직이네요.
그레서 position:relative 를 주고 top 과 left 로 움직이니까 글자 위에 떠 버리고요.

공간을 차지하면서 위치를 조절할 수 있나요..

항상 감사합니다.. ^^
좋은 하루 되세요..

글자글자<img>글자글자

이런식으로 들어가는게 아니라면 글자 중간에 이미지가 공간을 차지하며 들어갈 수는 없습니다.

이미지와 글씨가 조합된 이미지 샘플을 봐야 정확한 결과가 나올 수 있을 것 같습니다.

박민권님이 생각하시는 그대로고요.

정상흐름(?)으로는 위치가 안 잡히는 것이 섭섭하네요..

그냥 글자를 쪼갰습니다..

답변에 감사드립니다..

서버에서 우선
각 글자마다의 글꼴과 포인트로 가로 세로 크기를 구해서
이미지 크기도 구하고.
그걸 적절히 조합하여 중간에 오게
절대위치로 포지셔닝 하면 해결할 수 있습니다.

클라이언트에서는 절대포지션 위치만 지정해 주면 되고
선작업은 서버에서 해 주면 해결되실듯..