CSS는 HTML이 아닙니다. HTML에서  명명 된 문자 참조 입니다. 십진수 숫자 참조와 같습니다  . 160은 유니 코드 (또는 UCS-2 ; HTML 4.01 사양 참조)의 문자 의 십진 코드 포인트 입니다 . 해당 코드 포인트의 16 진 표현은 U + 00A0 (160 = 10 × 16 ¹ + 0 × 16 ⁰ )입니다. 유니 코드 코드 차트 와NO-BREAK SPACE 문자 데이터베이스 있습니다.

CSS에서는 문자 코드 포인트의 16 진수 값을 기반으로하는 문자에 유니 코드 이스케이프 시퀀스를 사용해야합니다. 그래서 당신은 작성해야합니다

.breadcrumbs a:before {
  content: '\a0';
}

이스케이프 시퀀스가 ​​문자열 값에서 마지막에 오는 한 작동합니다. 문자가 뒤 따르면 오해를 피하는 두 가지 방법이 있습니다.

a) (다른 사람들이 언급) 이스케이프 시퀀스에는 정확히 6 자리 16 진수를 사용하십시오.

.breadcrumbs a:before {
  content: '\0000a0foo';
}

b) 이스케이프 시퀀스 뒤에 공백 문자 (예 : 공백)를 추가하십시오.

.breadcrumbs a:before {
  content: '\a0 foo';
}

( f16 진 숫자 이므로 여기에서 \a0f의미 GURMUKHI LETTER EE하거나 적절한 글꼴이있는 경우 ਏ입니다.)

구분 공백은 무시되고  foo여기에 표시된 공백은 NO-BREAK SPACE문자가됩니다.

공백 접근 ( '\a0 foo')은 6 자리 접근 ( '\0000a0foo')에 비해 다음과 같은 장점이 있습니다 .

• 앞에 오는 0이 필요하지 않고 숫자를 세지 않아도되기 때문에 입력 하기가 더 쉽습니다 .
• 그것은 쉽게 읽을 수이스케이프 시퀀스와 다음 텍스트 사이에 공백이 있고 숫자를 세지 않아도되기 때문에 .
• 그것 더 적은 공간을 필요로 앞에 0이 필요하지 않기 때문에;
• 그것은이다 위쪽으로 호환 미래의 U + 10FFFF 넘어 유니 코드 지원 코드 포인트가 CSS 사양의 수정을 필요로하기 때문에.

따라서 이스케이프 문자 뒤에 공백을 표시하려면 스타일 시트에서 두 공백을 사용 하십시오.

.breadcrumbs a:before {
  content: '\a0  foo';
}

또는 명시 적으로 작성하십시오.

.breadcrumbs a:before {
  content: '\a0\20 foo';
}

자세한 내용은 CSS 2.1, “4.1.3 문자 및 대소 문자”섹션 을 참조하십시오.

답변

content:'>\a0 ';          /* or */
content:'>\0000a0';       /* because you'll find: */
content:'No\a0 Break';    /* and */
content:'No\0000a0Break'; /* becomes No Break as opposed to below */

content:'No\00a0Break'   /* becomes No਋reak */

.breadcrumbs a:before {
    content: '>\00a0';
}

.breadcrumbs a:before { content: '>'; padding-right: .5em; }

.breadcrumbs a:before {
    content: '\0021ac';
}