flex를 이용해 nav bar 정렬 tip

YOUNGJOO-YOON·2021년 4월 13일
0

css

목록 보기
1/4

flex를 이용해 navbar를 정렬하자.

  1. flex를 이용해 태그들을 row 정렬을 한다.

  2. align-items를 이용해 center를 맞춰준다.

  3. 원하는 자식 태그를 기준으로 위 사진과 같이 정렬하려면
    HOME 태그의 margin-right:auto; 혹은
    about 태그의 margin-left:auto;를 설정해준다.

    굳이 justify-contents 속성을 사용할 필요가 없다.

profile
이 블로그의 글은 제 생각을 정리한 글과 인터넷 어딘가에서 배운 것을 정리한 글입니다. 출처는 되도록 남기도록 하겠습니다. 수정 및 건의 오류 등이 있으면 언제든지 댓글 부탁드립니다.

0개의 댓글