• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

헤더 드롭다운 네비게이션 flex로 정렬하는 법이요

22.10.26 21:30 작성 조회수 416

1

.gnb에 display: flex를 주고

글자를 수직 정렬하려고 align-items: center를 써봤는데

먹히지를 않네요.

ul의 자식 요소인 li만 정렬하는 것이고

글자는 ul의 자식의 자식인 a에 있는 거라서 정렬이 안먹히는 건가요?

답변 1

답변을 작성해보세요.

0

a를 li 안에 수직 수평 중앙하려면 li에 flex를 주시면 됩니다.


ul li {

display: flex;

jusify-content: center;

align-items: center;

}