pre-wrap htmlで長い空白を次の行にプッシュする方法

Question

長い空白を保存し、改行でも隠すことのない種類のテキストエディタを作成しようとしていますが、代わりに次の行にプッシュします。

|That means that if i have a | 
|line like this one here  | 

そして私は、最初の行の末尾に2つの以上のスペースを挿入し、私はありませんがあったとき

|That means that if i have a | 
| line like this one here  | 

一つのスペースは、その後、最初の行の最後に追加したが、取得したいです次のスペースは次のラインにラップされました。アンダースコアとして示されたすべてのタイプされたスペースで

そして、ここでは、この：これに

|That_means_that_if_i_have_a_ | 
|line_like_this_one_here  | 

：

|That_means_that_if_i_have_a__| 
|_line_like_this_one_here  | 

ちょうどHTML/CSSでそれを行うための方法はありますか？

私はjavascriptでそれを行う方法を想像することができますが、避けたいです。

Answer 1

あなたがテキストを書くたびに、この 

Answer 2

あなたはHTML

.classname tagname { white-space: pre; } 

例えばに空白を維持するために、親クラスのCSSプロパティwhite-space: pre;を使用することができます

.editor a, .editor td, .editor span { white-space: pre; } 

<div class="editor"> 
    <!-- span a td--> 
</div>