내가 div를 가운데 정렬하는 방법은
margin: 0 auto;를 주는 방법과
부모 div태그를 추가해서 중앙정렬을
하는 방법밖에 없었다.
오늘은 첫번째 방법이 되지 않았고,
두번째는 구조상 사용할 수가 없었다.
다행히 잘 정리된 게시글이 있어서
깔끔하게 배치할 수 있었다.
Flexbox:
요소를 상하좌우 정중앙 정렬하는 방법 중, 가장 쉬운 방법
자식 요소를 수직과 수평으로 중앙에 정렬하려면
부모 요소에
justify-content: center와 align-items: center를 적용
'내가 해결해부럈으' 카테고리의 다른 글
| VSCode의 터미널에 yarn dev입력했을 때 Couldn't find a package.json file이라는 오류가 뜰 때 (0) | 2024.12.03 |
|---|---|
| 내 VSCode에 다른 파일이 여러개 있을 때 (4) | 2024.11.04 |
| 아이콘(svg 이미지)을 클릭해서 다른 링크로 이동하는 방법 (4) | 2024.11.01 |
| 리액트에 폰트어썸(아이콘) 적용하는 방법 (4) | 2024.11.01 |
| TypeError 해결하기 (0) | 2024.10.14 |