inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 HTML, CSS

HTML(Hyper Text Markup Language) 개념 및 구성요소

인라인 요소 질문

321

두루치기

작성한 질문수 5

0

 인라인 요소 공부하던 중에 질문이 있습니다...!

11줄처럼 인라인요소를 작성한 것과 16~20줄처럼 인라인요소를 작성한 결과에서 출력이 차이가 납니다.

1)    인라인요소는 너비 공간이 부족하면 줄바꿈이 되는 특징이 있는데 11줄과 같이 한줄에 인라인요소 작성시 줄바꿈이 되지 않고 스크롤이 생기는 이유는 뭔가요?

2)    11줄의 세번째 a태그와 16~20줄의 3번째 a태그 부분이 출력된 화면을 보면 미세하지만 스페이스 하나 정도의 차이가 나는 것 같은데 html에서 enter는 스페이스로 출력되는건가요?

HTML/CSS

답변 1

0

John Ahn

안녕하세요!

1) 이것은 텍스트 부분 <a>텍스트 부분</a> 여기에 스페이스 부분이 하나도 없으면 이렇게 되게 됩니다. 그래서 지금은 <a>a1</a><a>a1</a><a>a1</a><a>a1</a>...
이렇게 되어 있는 것을
<a>a1 </a> 이렇게 공간을 주게 되면 여기에서 만약 너비공간이 부족하다면 줄 바꿈이 일어나게 됩니다 ~

2) html에서 여러 스페이스를 하나의 스페이스로 간주하게 됩니다.
그러기에 엔터 친 것도 하나의 스페이스로 간주합니다.
이런 걸 원치 않으 실때는 <pre> 태그를 이용하시면 됩니다.

감사합니다!

0

두루치기

스페이스 있는 부분으로 줄바꿈이 되는거군요! 이해됐습니다. 감사합니다!!

header_logo

0

167

1

인스타그램 실습

0

280

1

유튜브 실습

0

309

1

a-button:hover , active에 다음과 같은 에러 메시지가 뜹니다.

0

379

2

도표 자료 (해결)

0

329

1

grid-template-columns에 대하여

0

197

1

flex-shrink 질문입니다

0

216

1

가상 클래스(의사 클래스)의 정의가 이해가 되지 않습니다.

0

224

2

스토리 생성하기 부분에서

0

176

1

안녕하세요 강사님 질문 있습니다.

0

331

1

Abutton 만들기 css가 인식이 안돼요.

0

340

1

유튜브 사이드바 생성할때 bottom 0

0

358

1

영상 자료를 다운받아도 자료가 보이지 않습니다.

0

375

1

인라인 요소, 블록 요소

0

292

1

css 질문 있습니다 !!

0

273

1

자료 pdf 파일로 보내 주실수 있는지 질문드립니다.

0

346

1

nth-child(2n+1)에 대해 궁금해요

0

498

1

개발블로그 내용정리 게시 가능 여부

0

411

1

nth child에 대한 개념

0

407

2

도표자료를 열 수 없습니다.

0

332

1

profile__picture 사진 크기 조정

0

330

1

header태그

0

329

1

<strong>과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!

0

364

1

도표 자료 pdf 파일로 아이패드로 어떻게 옮기나요?

0

1192

1