如何长的空白推到下一行的包裹预HTML

问题描述:

我试图做出一种文本编辑器,可以保留较长的空白和不还隐藏了它换行,而是将其推到下一行。如何长的空白推到下一行的包裹预HTML

|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,但希望避免的。

+0

空间请张贴相关的代码 – indubitablee

+0

耶,编辑 - 想知道如果可能的话只是在HTML/CSS,没有相关代码后 – animumina

+0

你可以使用'' 保留空格 – Ani

每当你写的文字,写这样 

您可以使用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>