CSS를 사용하여 이미지의 수직 중심 문제 해결 IMG
저자:Eve Cole
업데이트 시간:2009-06-12 17:52:58
우리 모두 알고 있듯이 이미지와 텍스트를 중앙에 수직으로 정렬하려면 IMG 태그 아래에 align=absmiddle 속성을 추가하면 됩니다. 그러나 align=absmiddle 속성은 W3C 검증에 실패하므로 CSS를 사용하여 교체할 수 있습니다. IMG? align=absmiddle 속성을 사용하면 수직 중심을 맞출 수 있습니다. 대답은 '예'입니다. 이를 위해 CSS에 Vertical-align:middle;을 추가할 수 있습니다.
CSS를 사용하여 이미지와 텍스트의 수직 중앙 정렬 구현
스타일을 추가하지 않은 효과입니다
사진과 텍스트의 수직 중앙 정렬을 달성하기 위해 align=absmiddle을 사용하는 것입니다.
효과 측면에서는 CSS를 활용한 구현이 조금 더 나은 것 같지만, CSS로 제어하는 것이 훨씬 나은 느낌입니다.