inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

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

flex-basis 문의드립니다.

234

newbie

작성한 질문수 6

0

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

flex flex-basis HTML/CSS

답변 1

2

1분코딩

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

0

귀여워솜젤링

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

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

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

131

1

수업자료 다운로드

0

135

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

151

1

css grid repeat() 에서 autofit 사용시

0

195

1

menu 아이템 반응형 변경

0

112

1

질문은 아니고.. 오타 발견..

0

127

1

웹에서 위치?값

0

229

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

526

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

316

1

flex-basis auto, 0 차이

0

727

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

614

1

animation forwards 관련 질문

0

499

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

567

1

flex-grow IE 질문드립니다.

0

634

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

441

1

Grid 수직정렬 문의

0

1081

1

card__item에 display:flex를 했을 때..

0

515

1

11vmin

0

427

1

header class 안에 div와 h2

0

582

1

grid 반응형 페이지 step1 질문있습니다~

0

287

1

반응형 페이지 step4 order

0

362

1

미디어쿼리 사이즈

1

293

1

figure + div

0

308

1

CSS Grid를 통한 정렬의 장점

0

256

1