是否有使用语言删除非空间空间的CSS解决方案?

时间:2017-08-08 04:50:45

标签: html css

有些语言不使用空间。例如日语。

典型段落可能如下(取自the Japanese Wikipedia article on Stack Overflow

  

本サービスはコンピュータ·プログラミングの広范囲なトピックを扱っていることが特色である。ウェブサイトは质问と回答を行う机能,またそれらに対する评価付け,维基やDigg的に似た文书の编集机能を备えており,ユーザの活発な参加を促している.Stack Overflowのユーザは良质な回答を行うことによって,価ポポポををフォーラムにゲーミフィケーションを施したものと言える。全てのユーザによる记述内容はクリエイティブ·コモンズライセンス下にある。

尽管上面段落中有3个句子是Stack Overflow内唯一的空格。

所以问题就在于此。日本用户通常不会写长句和段落而没有休息。要写上面的段落,大多数人都不会写。

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

他们会写更多内容

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

不幸的是,这个

unwanted gaps

所有这些不必要的差距

我能想到的唯一解决方案是要求JavaScript在显示时间或通过添加构建步骤来删除日语字符和任何其他字符之间的空格。

是否只有CSS解决方案?

这是一个实时示例:第一段是一个很难编辑的行。第二段中有换行符

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


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

以下是显示差异的屏幕截图。

第一段没有HTML中断

no breaks

第二次

breaks

另请注意,无论解决方案是什么,都不应该折叠Stack Overflow

中的空格

1 个答案:

答案 0 :(得分:-1)

使用white-space: prewhite-space: pre-wrap

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

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