[CSS] display : flex - margin: auto 활용

 

 

 

1. 상황

내용이 길어지면 ( 가로 ) 부분이 내려가게끔 flex를 적용해놨다. 

하지만 무슨 이유인지 align-item: center; 을 넣어도 전체공간에서 가운데로 적용한다.

 

 

2. 해결

 

이유는 flex 설명에서 많이 footer을 전체영역에서 바닥으로 보낼 때 사용하는 방법인데 활용하지 못했다. 위아래 margin을 auto로 밀어넣음으로써 문제를 해결했다