Is there a CSS solution for removing spaces for non-space using languages?

Question

Some languages don't use space. Japanese for example.

A typical paragraph might look like this (taken from the Japanese Wikipedia article on Stack Overflow)

本サービスはコンピュータ・プログラミングの広範囲なトピックを扱っていることが特色である。ウェブサイトは質問と回答を行う機能、またそれらに対する評価付け、wikiやdiggに似た文書の編集機能を備えており、ユーザの活発な参加を促している。Stack Overflowのユーザは良質な回答を行うことによって、評価ポイントや「バッヂ」を得ることができ、本サービスは伝統的なQ & Aサイト・フォーラムにゲーミフィケーションを施したものと言える。全てのユーザによる記述内容はクリエイティブ・コモンズライセンス下にある。

Even though there are 3 sentences in the paragraph above the only space in inside Stack Overflow .

So there's the issue. Japanese users generally don't write long sentences and paragraphs with no breaks. To write the paragraph above most people would not write.

<p>本サービスはコンピュータ・プログラミングの広範囲なトピックを扱っていることが特色である。ウェブサイトは質問と回答を行う機能、またそれらに対する評価付け、wikiやdiggに似た文書の編集機能を備えており、ユーザの活発な参加を促している。Stack Overflowのユーザは良質な回答を行うことによって、評価ポイントや「バッヂ」を得ることができ、本サービスは伝統的なQ&Aサイト・フォーラムにゲーミフィケーションを施したものと言える。全てのユーザによる記述内容はクリエイティブ・コモンズライセンス下にある。</p> 

They'd write something more along the lines of

<p> 
本サービスはコンピュータ・プログラミングの広範囲なトピックを扱っていることが特色である。 
ウェブサイトは質問と回答を行う機能、またそれらに対する評価付け、wikiやdiggに似た文書の 
編集機能を備えており、ユーザの活発な参加を促している。Stack Overflowのユーザは 
良質な回答を行うことによって、評価ポイントや「バッヂ」を得ることができ、本サービスは 
伝統的なQ&Aサイト・フォーラムにゲーミフィケーションを施したものと言える。全てのユーザに 
よる記述内容はクリエイティブ・コモンズライセンス下にある。 
</p> 

Which unfortunately becomes this

With all these unwanted gaps

The only solution I can think of requires JavaScript to go through and remove spaces between Japanese characters and any other character at display time or by adding a build step.

Is there a CSS only solution?

Here's a live sample: The first paragraph is one long hard to edit line. The 2nd paragraph has the line breaks in it

<p> 
 
本サービスはコンピュータ・プログラミングの広範囲なトピックを扱っていることが特色である。ウェブサイトは質問と回答を行う機能、またそれらに対する評価付け、wikiやdiggに似た文書の編集機能を備えており、ユーザの活発な参加を促している。Stack Overflowのユーザは良質な回答を行うことによって、評価ポイントや「バッヂ」を得ることができ、本サービスは伝統的なQ&Aサイト・フォーラムにゲーミフィケーションを施したものと言える。全てのユーザによる記述内容はクリエイティブ・コモンズライセンス下にある。 
 
</p> 
 

 

 
<p> 
 
本サービスはコンピュータ・プログラミングの広範囲なトピックを扱っていることが特色である。 
 
ウェブサイトは質問と回答を行う機能、またそれらに対する評価付け、wikiやdiggに似た文書の 
 
編集機能を備えており、ユーザの活発な参加を促している。Stack Overflowのユーザは 
 
良質な回答を行うことによって、評価ポイントや「バッヂ」を得ることができ、本サービスは 
 
伝統的なQ&Aサイト・フォーラムにゲーミフィケーションを施したものと言える。全てのユーザに 
 
よる記述内容はクリエイティブ・コモンズライセンス下にある。 
 
</p>

Here are screenshots to show the difference.

1st paragraph with no breaks in HTML

2nd with

Also note that whatever solution it should not collapse the space in Stack Overflow

Answer 1

Use white-space: pre or white-space: pre-wrap

Reference: https://www.w3schools.com/cssref/pr_text_white-space.asp

JSFiddle : https://jsfiddle.net/kqcvp10w/