Inflearn Community Q&A
asked
flex-grow, justiy-content 차이...점
Written on
·
257
0
음, flex-grow말고
.menu에서 justify-content: space-around;
로 해도, 동일한 효과가 나옵니다.
어떤 차이가 있는건가요? 어느 방식이 현명(?)한것인지 궁금합니다.
항상 이런 점이 어렵게 느껴집니다.ㅠ
flexHTML/CSS
Answer 1
0
studiomeal
Instructor
플렉스 컨테이너에서 justify-content: space-around;를 하면,
아이템들이 늘어나지는 않고 배치만 균일하게 될거에요.
각 아이템에 배경색을 넣어보시면 무슨 이야기인지 아실거에요~
아이템의 너비 자체를 늘리려면 아이템에 flex-grow나 width를 꽉 차게 주면 되고,
아이템의 너비는 그대로 두고 간격만 벌리려면 컨테이너에서 justify-content를 조정해주시면 됩니다.