• 카테고리

    질문 & 답변

  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

flex-basis 예제 질문드립니다

21.06.28 13:49 작성 조회수 125

0

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

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

course-thumbnail

CSS Flex와 Grid 제대로 익히기

답변 1

답변을 작성해보세요.

1

1분코딩님의 프로필

1분코딩

지식공유자

2021.07.23

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

이 글과 비슷한 Q&A