자식요소 균등 크기

개요 보통 요소를 나열하려고 flex 를 사용하다 보면 자식 요소의 개수가 가변적으로 늘거나 줄어들 때를 고려해서 자식 요소의 크기를 결정하지 않고 나열해야 할 때가 있다 이 때 가변적인 수의 자식 요소의 크기를 동일(균등)하게 설정하고 싶다면 flex-basis 의 값을 0으로 설정하여 자식요소의 기본 넓이를 없애면 된다. 예제 보통은 자식요소에 아래와 같이 설정해서 많이 사용하게 된다 .element { flex: 1 1 auto; /* 위는 아래의 축약형 flex-grow: 1; flex-shrink: 1; flex-basis: auto; */ } 한데 이럴 경우 자식요소 내부 요소의 길이에 따라 자동으로 크기가 결정되기 때문에 자식요소들이 동일한 크기로 설정되지 않는 경우가 많다. 자식요소의 내부..