이미지 위치 지정하는 방법이 있을까요.

[나그네]

안녕하세요.

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

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

Code: Select all

<img src="sample.img" /><img src="sample.img" />
<p>글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자글자~~~ <p>

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

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

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

[박민권]

글자글자<img>글자글자

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

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

[나그네]

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

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

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

답변에 감사드립니다..

[나비스]

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

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