inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

flex-basis 문의드립니다.

미해결

CSS Flex와 Grid 제대로 익히기

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

  • flex
  • HTML/CSS
  • flex-basis
  • flex
newbie 댓글 1 좋아요 0 조회수 245

flex-basis 예제 질문드립니다

미해결

CSS Flex와 Grid 제대로 익히기

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

  • flex
  • flex-basis
  • HTML/CSS
  • flex
물안경 댓글 1 좋아요 0 조회수 249

뭔가 이상합니다...

미해결

CSS Flex와 Grid 제대로 익히기

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 : 200 px ; /* flex-basis는 고정값은 아니고 기본값을 주는것이라 내용물이많으면 더 커진다. */ /* flex-basis는 item의 기본크기이다. */ } 위와같이 설정값을 주었고 flex-basis를했는데 너비가 200px로 고정되고 내용물이 width를 썼을때처럼 아래로 내려가더라구요,,, 뭐가 잘못된거죠?? 제가 제대로 이해한건 맞는건가죠??

  • flex-basis
  • width
  • HTML/CSS
  • flex
wognskec 댓글 1 좋아요 0 조회수 272

인기 태그

인프런 TOP Writers

주간 인기글