如何長的空白推到下一行的包裹預HTML

Question

我試圖做出一種文本編輯器，可以保留較長的空白和不還隱藏了它換行，而是將其推到下一行。

|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  | 

這樣：

|That_means_that_if_i_have_a__| 
|_line_like_this_one_here  | 

有沒有辦法做到這一點只在HTML/CSS？

我能想象如何做到這一點在JavaScript，但希望避免的。

Answer 1

每當你寫的文字，寫這樣 

Answer 2

您可以使用CSS屬性white-space: pre;對父類保存在HTML

.classname tagname { white-space: pre; } 

例如空格

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

HTML因爲這將像下面

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