인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

두루치기님의 프로필 이미지
두루치기

작성한 질문수

따라하며 배우는 HTML, CSS

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

인라인 요소 질문

작성

·

288

0

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

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

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

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

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요!

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

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

감사합니다!

두루치기님의 프로필 이미지
두루치기
질문자

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

두루치기님의 프로필 이미지
두루치기

작성한 질문수

질문하기