nbsp의 반대는 무엇입니까?


87

 문자는 줄 바꿈을 허용하지 않는 공간이다.

<p>lorem ipsum here&nbsp;are&nbsp;some&nbsp;words and so on</p>

| lorem ipsum                |
| here are some words and so |
| on                         |

그 반대는 무엇입니까? 즉, 공백으로 렌더링되지 않고 줄 바꿈에 사용할 수있는 문자입니다.

<p>foo supercalifragilisticexpialidocious bar</p>
<!--   put char here ^   and here ^ -->

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

나는 소프트 하이픈 문자를 알고 있지만 내 목적을 위해 특히 휴식 시간에 하이픈을 추가하고 싶지 않습니다 .

답변:


96

유니 코드 문자 ZERO-WIDTH SPACE (\ u200B)를 원합니다.

당신과 HTML에 그것을 얻을 수 &#8203;또는 &#x200b;.

명시 적 중단 및 비 중단 :

LB7 : 공백 또는 0 너비 공백 앞에 끊지 마십시오.
LB8 : 하나 이상의 공백이 개입 된 경우에도 너비가 0 인 공백 뒤에 오는 문자 앞에 중단됩니다.
http://unicode.org/reports/tr14/


나는 이것을 테스트했지만 Firefox 3.5.7에서 줄 바꿈을 생성하지 않습니다.
Noon Silk

19
명시적인 줄 바꿈을 생성하기위한 것이 아닙니다. 줄 이 너무 길어서 어디로 가야하는지에 맞지 않는 경우 줄 감을 있는 지점을 나타냅니다 .
아논.

13
그게 IE6입니다.
Mike Weller

2
그래서 ....이 캐릭터는 악의적 일 수 있습니다. 왜냐하면 당신이 그것을 포함하는 내용을 복사한다면 (유니 코드 인식 편집기에서) 당신은 그 존재를 인식하지 못할 것이고, 예를 들어 컴파일러가 질식하게 만들 것입니다. 단단한. 예를 들어 Chrome은 "잘못된 문자"를 알려주지 만 그 위치는 알려주지 않습니다. 나는 아주 최후의 수단으로이 틀림없이 깔끔한 트릭을 사용하십시오
스티븐 루에게

1
눈에 보이는 대안은 하이픈입니다.
davidcondrey

38

브라우저가 줄을 끊을 지 여부를 결정할 수 있도록하는 잘 알려지지 않은 wbr 태그도 있습니다.


1
이것은 비표준이며 모든 브라우저에서 지원되는 것은 아닙니다.
Brian Campbell

1
@Brian, fredden이 게시 한 quirksmode 링크를 확인하십시오.
nickf 2010-01-12

10
Facebook에 충분하다면 모두에게 충분합니다 ;-)
Martin Bean

1
WBR은 Chrome 34.0.1847.131m, Firefox 29.0.1 및 Opera Chromium 12.17에서 작동합니다. IE 11.0.9600.17105에서는 작동하지 않습니다.
Dave Burton

<wbr> 추가 -합니까?
beppe9000

16

quirksmode.org에는이 질문에 상당히 잘 대답하는 멋진 페이지가 있습니다. http://www.quirksmode.org/oddsandends/wbr.html

간단히 말해서 <wbr /> 또는 & # 8203; (또는 & shy;하지만 대시를 원하지 않는다고 언급했습니다).


이러한 모든 가능성이 모든 브라우저에서 지원되는 것은 아닙니다. & # 8203; 대부분의 브라우저가 유니 코드를 인식 할 수 있어야하므로 최상의 솔루션입니다.
AndiDog 2010 년

IE6 사용자는보기 흉한 글리프를 얻습니다. 심장이 울었습니다.
nickf 2010-01-12


2

word-wrap 이라는 CSS3 속성을 사용할 수 있습니다.

p.test {word-wrap:break-word;}

도움이 되었기를 바랍니다.


2
이것은 줄 바꿈이 추가되는 위치를 신경 쓰지 않는 경우에만 작동합니다.
JJJ 2015

문제는 일반적으로 휴식 시간을 활성화하는 방법이 아니라 휴식을 취할 특정 단어에 위치를 설정하는 것입니다.
프로 데 에반 슨

-5

이것에 대해 많은 논의가 있지만 사용하는 것이 어느 정도 표준이되었습니다. &shy;


5
이것은 질문자가 원하지 않는 부드러운 하이픈입니다.
기계 달팽이 '
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.