[html] 상/하위 block 요소 간의 수직정렬 사례

By | 2월 9, 2021

html 엘리먼트의 수직정렬은 정확히 알고 하던 것이 아니라서 항상 헷갈리는데,
이번에 알게 된 사례를 하나 기록한다.

부모/자식 둘 다 display:block 이라고 가정하고,

부모요소의 css에 아래 항목을 추가한다.

{
    display:flex;
    align-items:center;
}

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments