html 엘리먼트의 수직정렬은 정확히 알고 하던 것이 아니라서 항상 헷갈리는데,
이번에 알게 된 사례를 하나 기록한다.
부모/자식 둘 다 display:block 이라고 가정하고,
부모요소의 css에 아래 항목을 추가한다.
{
display:flex;
align-items:center;
}
html 엘리먼트의 수직정렬은 정확히 알고 하던 것이 아니라서 항상 헷갈리는데,
이번에 알게 된 사례를 하나 기록한다.
부모/자식 둘 다 display:block 이라고 가정하고,
부모요소의 css에 아래 항목을 추가한다.
{
display:flex;
align-items:center;
}