인프런 커뮤니티 질문&답변

물안경님의 프로필 이미지
물안경

작성한 질문수

CSS Flex와 Grid 제대로 익히기

flex-basis 예제 질문드립니다

작성

·

177

0

https://codepen.io/swimmimg-goggle/pen/XWMLjpx

영문 띄어쓰기 혹은 한글로 작성시에 해당 속성이 적용되지 않았습니다. 혹 왜그런지 알 수 있을까요?

답변 1

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

영문과 숫자의 특성때문에 그런건데요, .flex-item에 word-break: break-all; 을 설정해 보세요~
그리고 word-break: break-all;를 적용하기 전에, flex-basis 대신 width로 해보시고 둘의 차이점을 비교해 보시는 것도 좋습니다. 둘의 동작이 다른데, word-break: break-all;을 하면 같습니다.

물안경님의 프로필 이미지
물안경

작성한 질문수

질문하기