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

최문혁님의 프로필 이미지
최문혁

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 핵심정리 #4 - 유연한 박스

flex-basis 문의드립니다.

작성

·

195

0

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

답변 1

2

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

아 원래 띄어쓰기가 있는 상태에서 공간이 부족한 경우, 다음 줄로 넘어가게 되어있습니다.
언어 형식에 따라 차이도 있고요~
Flex랑 관련이 있다기보다는, 기본적으로 CSS가 그렇게 동작한답니다.

lorem으로 테스트 해보다가 왜 이것만 줄바꿈이 되나 해서 질문하려고 했는데 이미 비슷한 질문이 있네요.

궁금증 해결됐습니다 ㅎㅎ 감사합니다.

최문혁님의 프로필 이미지
최문혁

작성한 질문수

질문하기