둘 다 공간을 의미하지만 차이점이 있습니까?
답변
하나는 속하지 않는 공간 이고 다른 하나는 일반 공간입니다. 줄 바꿈이없는 공간은 단어 중간에 줄 바꿈이되지 않는 것처럼 해당 지점에서 줄을 줄 바꿈하지 않아야한다는 의미입니다.
또한 Svend가 그의 의견에서 지적했듯이, 비 공백 공간은 축소되지 않습니다.
답변
이 엔터티 는 비 분리 공간을 생성하며,이 위치에서 자동 줄 바꿈을 원하지 않을 때 사용됩니다. 일반 공간에는 문자 코드 32가 있고, 비 공백 공간에는 문자 코드 160이 있습니다.
예를 들어, 공백이있는 숫자를 천 단위 구분 기호 : 1 234 567로 표시 할 경우 숫자를 별도의 줄로 나눌 수 없도록 끊지 않는 공백을 사용합니다. 통화를 표시하고 금액과 통화 사이에 공백이있는 경우 : 42 SEK, 한 줄에 금액을 가져 오지 않고 다음 줄에 통화를 얻지 않도록 비 공백 공백을 사용합니다.
답변
여기의 다른 답변 외에도 일반 공간과 같이 비 분리 공간은 “축소”되지 않습니다. 예를 들어
<p>Word1 Word2</p>과
<p>Word1 Word2</p>모든 브라우저에서 동일하게 렌더링됩니다.
<p>Word1 Word2</p>렌더링 될 때 공백을 유지합니다.
답변
예만큼 대답이 아닙니다 …
예 # 1 :
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div> 예 # 2 :
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>그리고 바이올린에 연결하십시오 .
답변
여기에 실제 예제가 있습니다.
http://codepen.io/anon/pen/GJzBxo
과
http://codepen.io/anon/pen/LVqBQo
같은 div, 같은 텍스트, 다른 “공백”
<div style="width: 500px; background: red"> [loooong text with spaces]</div>vs
<div style="width: 500px; background: red"> [loooong text with ]</div>답변
여러 일반 공백 문자 (공백, 표 및 줄 바꿈)는 하나의 공백 문자로 처리됩니다 .
를 제외한 모든 HTML 요소의 경우
PRE공백 시퀀스는 “단어”를 분리합니다 (여기서는 “단어가 아닌 공백 문자의 순서”를 의미하기 위해 “단어”라는 용어를 사용합니다). 텍스트를 형식화 할 때 사용자 에이전트는 이러한 단어를 식별하고 특정 서면 언어 (스크립트) 및 대상 매체의 규칙에 따라 배치해야합니다.
그래서
foo bar로 표시됩니다
foo bar그러나 휴식 공간이 항상 표시됩니다. 그래서
foo   bar로 표시됩니다
foo bar답변
이미 언급했듯이 “중단 공간 없음”이있는 줄 바꿈은받지 않습니다.
또한 “”만 포함 된 요소가 잘못 표시 될 수 있습니다. & nbsp; 작동합니다. 즉 6에서 (내가 기억하는 한 IE7에는 동일한 문제가 있습니다) 빈 테이블 요소가있는 경우 내용이 없거나 흰색 만있는 경우 요소와 같은 스타일을 적용하지 않습니다 (예 : 테두리) 우주. 따라서 다음과 같이 테두리가 렌더링되지 않습니다.
<td></td>
<td> <td>이 예제에서 테두리가 표시되는 반면 :
<td>& nbsp;</td>흠-여기에 올바르게 렌더링하기 위해 더미 공간에 넣어야했습니다.