본문 바로가기
프론트엔드/웹

NBSP(No-break space)

by 1005ptr 2021. 3. 6.
반응형

웹에서는 가끔 띄어쓰기를 할 때   라고 작성했던 기억이 난다.

정확히 뭐때매 저걸 썼는지는 기억이 안나는데 그냥 space가 화면에 안나오는 상황에서 저걸 썼던 느낌이다.

 

근데 이번에 자바스크립트 공부를 시작하면서 어 NBSP가 정확히 뭐지 하고 검색해보게 됐는데 아 이건 단어와 단어 사이를 붙여주는 자석이라는 사실을 알게 됐다.

글자는 기본적으로 단어 단위로 줄바꿈이 이루어진다.

그런데 숫자, 단위와 같이 둘 사이에 여백은 두고 싶은데 한 덩어리로 움직여야 하는 단어들이 있다.

그럴 때 두 단어를 하나의 단어처럼 word-wrap이 일어나게 하면서도 공백을 두고 싶을 때 이 non-break space를 쓰는 것이다.

 

 

Non-breaking Spaces: How to Check Something You Cannot Even See

What's the purpose of a non-breaking space, and how can you check that they're used correctly?

intelligentediting.com

아직 덜 읽어본 문서

 

 

  and HTML Space Challenges and Tricks | Mailtrap Blog

 , or non-breaking space, is an HTML character used to create a space. We analyze when to use it and when to opt for other solutions.

blog.mailtrap.io

 

반응형

'프론트엔드 > ' 카테고리의 다른 글

웹에서 IP 카메라 스트리밍 하기  (13) 2021.12.09
글자색/배경색 자동 선택 하기  (0) 2021.03.21
주석을 작성하고 코드를 작성한다  (0) 2021.03.06
defer 속성  (0) 2021.03.06
Carriage Return(\r)  (0) 2021.03.06

댓글