HTML/CSS 핵심 개념Displayvertical-align pt. 1

Q

baseline과 vertical-align

조회 899

좋아요 13

2018년 11월 28일




A
2개의 답변이 있어요
커뮤니티 파트너 채택



2018년 11월 28일

댓글 3

2018년 11월 29일
자세한 답변 정말 감사드립니다..! 다만 남겨주신 부분에서 이해가 안되는 부분이 있어서요!
2018년 11월 29일
alex를 제외한 요소중에 가장 높은 곳을 기준으로 alex가 정렬이 되기 때문입니다 :) / 이 답변이 이해가 안되는데 혹시 chris가 정렬된다는 말씀일까요..? 또 제가 이해한 느낌은 alex를 제외한 나머지요소는 원래의 div의 baseline에 정렬이 되어야할 것 같은데 왜 chris도 위로 정렬이 되는지 궁금합니다...
2019년 4월 10일
제가 이해하기로는 눈에 보이기에는 alex가 가만히 있고 chris가 위로 정렬된 것처럼 보이지만, (chris가 맨 위로 움직이는 듯 보이니까요) 실제로는 알렉스를 제외한 요소 중 가장 높은 곳, 즉 chris의 탑 부분에 알렉스가 맞춰진것이랑 다름이 없는거 아닐까요? 안그러면 부모인 오렌지색 박스의 height가 늘어나니까, 최대한 그것이 늘어나지 않는 선에서 최적의 정렬을 한 것 같아요.

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇