flex-basis 문의드립니다.   혼자 해보면서 잘 안되어 문의드립니다. 우선 강사님 코드는 당연히 잘 되는데요. flex-basis: 100px width: 100px 를 비교할 때   item요소에 한국어나 띄어쓰기가 들어가면 제대로 동작하지 않던데 왜 그런 것인가요?   ex) flex-basis : 100px aaaaa aaa aaaa 이런 식으로 하면 자동으로 다음줄로 이동합니다.

https://codepen.io/swimmimg-goggle/pen/XWMLjpx 영문 띄어쓰기 혹은 한글로 작성시에 해당 속성이 적용되지 않았습니다. 혹 왜그런지 알 수 있을까요?

width:100px로 하면 content양이랑 상관없이 너비가 100px가 되는거고 flex-basis:100px로 하면 content양이 적어도 100px인거는 width와 같지만 content양이 많아졌을때는 100px이상으로 넘어간다고 이해했는데요.       .flex-container {         display: flex;         flex-direction: row;       }       .flex-item {         /* width: 200px; */         /* width는 안의 내용물이 얼마있던간에 너비를 고정시켜준다. */         flex-basis: 200px;         /* flex-basis는 고정값은 아니고 기본값을 주는것이라 내용물이많으면 더 커진다. */         /* flex-basis는 item의 기본크기이다. */       } 위와같이 설정값을 주었고  flex-basis를했는데 너비가 200px로 고정되고 내용물이 width를 썼을때처럼 아래로 내려가더라구요,,, 뭐가 잘못된거죠?? 제가 제대로 이해한건 맞는건가죠??