[HTML] 공백 넣기

웹 화면에 공백을 넣어야 할 경우가 있다.

그냥 space를 이용해도 공백이 넣어지긴 하는데, 원하는대로 삽입이 안되는 경우가 있다.

그럴 때, 사용하는 것이 

1.   를 삽입하는 것이다.

 

nbsp는 Non-bresaking Space ( 줄바꿈 없는 공백 )를 축약한 문자이다.

여러개를 삽입하면 여러 개의 공백을 추가할 수 있으며,

nbsp를 포함하는 문자열의 길이가 줄 길이보다 긴 경우, 문자열 자체를 다음줄로 넘겨주는 기능도 있다.

 

2.    - 공백 두개 만큼의 자리 차지 /   - 공백 네개 만큼의 자리 차지

 

여러개의 공백이 필요할 때 사용가능하다. nbsp와는 다르게 줄바꿈에 영향을 주지 않는다.

 

3. <pre></pre> 사용하기

 

<pre></pre>태그 안에 space bar와 enter 키를 사용하여 넣은 공백이 그대로 들어가게된다.

이 태그의 단점으로는 일반 HTML과 달리 창 크기를 조정해도 그에 따라 너비가 바뀌지 않는다.