Html - 如何防止连续空格被折叠

时间:2016-07-07 14:46:24

标签: html formatting

我正在使用html模板以编程方式发送电子邮件。我对html一无所知,但我刚刚得知它会折叠连续的空白字符,这会破坏我的格式(我正在通过电子邮件发送数字表)。我该如何解决这个问题?

3 个答案:

答案 0 :(得分:1)

只需使用<pre>标记即可:

<pre>
 This is some text   with some extra spacing    and a
 few newlines
 thrown in
 for                                              good
 measure
</pre>

工作示例:jsFiddle 预标签上有一个好reference

答案 1 :(得分:0)

如果您不希望连续的空格折叠。只需设置 CSS 属性 white-space。 例如:

white-space: pre;

<span style="white-space:pre;">                 </span>

查看此链接了解更多信息:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

答案 2 :(得分:-1)

好吧,你可以使用&nbsp;元字符来产生一个“不间断的空间”。 (我在这两个句子之间使用了一个。但是我没有在这里使用一个。请注意这些句子之间的间距是如何略有不同的,以及最后一个空格的宽度是两倍,因为我使用了两个标签?)

从根本上说,我建议您在电子邮件正文中使用<table>标记,从而将数据标识为“表格”,并为您提供丰富的选项(样式等等)。 。)用于格式化它。通过“ASCII Art ...”

,它将比你能做的任何事情都更好