如何长的空白推到下一行的包裹预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,但希望避免的。
答
每当你写的文字,写这样
答
您可以使用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>
空间请张贴相关的代码 – indubitablee
耶,编辑 - 想知道如果可能的话只是在HTML/CSS,没有相关代码后 – animumina
你可以使用'' 保留空格 – Ani