• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

선생님 안녕하세요 질문좀 드리겠습니다

21.03.05 23:16 작성 조회수 194

0

2:24초에 item들을 width값을 100px씩 주었는데

제 지식으로는 컨텐츠(BBBBB)의 총 합Px값이 width값을 넘어가게 되면 width는 100px로 고정되고 그냥 컨텐츠들이 넘쳐버리게 되서 결론적으로는 CCC와 컨텐츠들이 겹치는것으로 생각을 했습니다. 실제로 제 코드의 결과도 제 생각과 일치했고요 아래는 저의 코드와 그에 따른 결과입니다.

그런데 2:24초에 나오는 width 100px코드 블럭 아래에 있는 결과를 보면 BBB는 줄바꿈이 되어있는데 혹시나해서 스튜디오밀 사이트도 들어가서 개발자도구랑 전부 뒤져봤는데도 제가 준 속성 외에는 아무것도 되있지 않은데 왜 저와 다른 결과를 출력하는건지 잘 이해가 되지를 않아서 질문하게 되었습니다. lorem 처럼 중간에 띄어쓰기가 있으면 width는 줄바꿈이 일어난다는점에 착안해서 처음에는 BBB가 중간에 띄어쓰기가 되어있어서 저렇게 줄바꿈이 되어있나 했는데 개발자 도구를 봤는데 아무런 띄어쓰기도 되어있지 않았습니다. 정말 차이점을 모르겠는데 왜 결과가 다른지 여쭤보고싶습니다!

답변 1

답변을 작성해보세요.

0

혹시 다른 코드는 전혀 사용하지 않으셨나요?
어딘가에 white-space: nowrap; 이 설정되어 있다든가..
어떤 브라우저에서 발생하는지 알 수 있을까요?