[CSS] CSS Hack - div 가운데 정렬

space-between

 

disply : flex - > justify-content : space-between 을 했을 때, 

 

원하는 대로 중심이 딱 맞지 않는 경우가 있다. 

 

div 마다 width가 틀리기 때문에 벌어지는 일이다.

 

---

 

CSS HACK

 

1. 부모 div에 justify-content: center; 

 

2. 모든 자식 div에 width:33%;

 

3. 가운데 자식 div display:flex;, justify-content:center;

 

4. 오른쪽 자식 div display:flex;, justify-content:flex-end;