Ella 프론트엔드일지

🙌잘못된 정보는 댓글 피드백 환영합니다!🙌 더보기 출처 : https://kamang-it.tistory.com/entry/css%EC%A7%80%EC%98%A5%EC%97%90%EC%84%9C-%ED%83%88%EC%B6%9C%ED%95%98%EC%9E%904-display-flex%EC%99%80-margin-auto%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%84%9C-%EA%B8%B0%EC%A1%B4%EC%9D%98-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0header%EB%82%98-nav%EC%97%90%EC%84%9C-%ED%95%9C-%EC%97%98%EB%A6%AC%EB%A8%BC%ED%8A%B8%EB%A7%8C-%EC%A2%8C%EC..

🙌틀린 정보는 댓글 피드백 환영 합니다!🙌 더보기 출처 : https://heinafantasy.com/163 ✅margin: 0 auto; 1) 해당영역에 가로사이즈(width)값이 정해져있는지 보자! auto 는 자동으로 사이즈를 설정해주는 것, 즉 좌우의 여백을 똑같이 배분하게 되는 것 그래서 브라우저 화면 가운데에 위치하게 된다. 그런데 width값을 지정해주지 않으면 가운데 정렬이 되지 않는다. 좌우의 여백을 똑같이 나눠서 가운데 정렬이 되는 원리인데, width값을 정해주지 않으면 여백의 공간이 없으니까! 즉, 사용가능한 공간이 없어서 가운데 정렬이 되지않는것이다. 아래 예시를 보자. container 안에 item 2개를 넣어 displex:flex;값을 줘서 가로로 배치했다. 🚫과연 .co..