본문 바로가기

IT/HTML

[HTML] img ailgn에 대해서

left : 이미지의 왼쪽에 문자열을 정렬
right : 이미지의 오른쪽에 문자열을 정렬
center : 이미지의 중간에 문자열을 정렬
texttop : 영문에서 g보다 f가 더 위로 튀어나온 것을 볼 수 있는데
위로 올라간 문자의 맨위와 이미지의 상단을 맞춘다.
middle : 문자열의 밑선을 이미지의 가운데로 맞춤
absmiddle : 문자열의 가운데를 이미지의 가운데에 맞춤
bottom : 이미지의 하단과 문자열의 하단을 맞춤
baseline : bottom과 같은 역할
absbottom : 영문 문자열에서 해당되며, fight라는 단어를 쓸 때 f 보다 g가 더 밑으로 내려와 있으므로 g의 밑선과 그림의 하단을 맞춤

EX : absmiddle)

적용 전 이미지


적용 후 이미지


로그인 이미지가 정렬 된 것을 알 수 있다.

EX : middle)



출처 : http://blog.naver.com/celeves

'IT > HTML' 카테고리의 다른 글

[HTML] "글자에 점선으로 밑줄 긋기" 소스  (0) 2011.10.18
[JavaScript] input 태그 총정리  (0) 2011.10.10
[HTML] 체크박스  (0) 2011.10.04
[HTML] 라디오 버튼의 구현  (0) 2011.10.04
[HTML] select 태그  (0) 2011.09.28