CSS 또는 jQuery에서 단어 사이의 줄 바꿈과 구두점을 방지하려면 어떻게 해야 합니까?

CSS 또는 jQuery에서 단어 사이의 줄 바꿈과 구두점을 방지하려면 어떻게 해야 합니까?

한 단락에 텍스트가 좀 있어요.문제는 구두점이 단어 끝에 있을 때, 때때로 다음 행으로 감겨질 수 있다는 것입니다.다음과 같이 합니다.

This is the text
, This is a new line

CSS 또는 jQuery로 해결할 수 있습니까?

단어와 구두점 사이에 공백이 없고, 그래도 줄바꿈이 되어 있는 경우는,white-space: nowrap; css 명령.그렇지 않으면 단어와 구두점 사이에 공백이 필요한 경우(예:?, 공백 코드를 사용합니다.입력해서 얻을 수 있습니다.alt + 0160Windows 를 사용하고 있는 경우는, Windows 를 사용합니다.키보드 방법에 대해서는, 여기를 참조해 주세요.

도움이 되었으면 좋겠어요.

쉼표 앞에 있는 다음과 같은 공백 기호 때문에 문제가 발생한다고 가정합니다.... text , This ...언제가 되어야 할 때... text, This ....

적어도 그게 내가 볼 수 있는 유일한 이유야.이 바이올린을 보시면, 세 번째에 그 문자가 있습니다.<p>말씀하신 것처럼 포장된 적이 없습니다.(브라우저에 대해 다른 폭을 선택해야 할 수도 있습니다.위의 예는 Chrome에서 작동하지만 Firefox 폭은 조금 다릅니다.)

따라서 텍스트와 쉼표 사이에 공백이 없어야 합니다.

를 교환해 주세요.space의 구두점 전에non breaking space:

+----------------------------------------------------------------------+
| System/application      | Entry method                               |
|-------------------------|--------------------------------------------|
| macOS                   | ⌥+Space                                    |
| Microsoft Windows       | Alt+0160 or Alt+255 (does not always work) |
| Linux or Unix using X11 | Compose, Space, Space or AltGr+Space       |
+----------------------------------------------------------------------+

이 답변의 작성은 https://stackoverflow.com/a/15637588/1310605 입니다.

출처 : https://en.wikipedia.org/wiki/Non-breaking_space#Keyboard_entry_methods

언급URL : https://stackoverflow.com/questions/15637345/how-can-i-prevent-line-breaks-between-words-and-punctuation-in-css-or-jquery