NodeJS - Jade - 如何在浏览器中心打印

Question

我需要在新行的浏览器中心打印文本，如下所示：

                           Welcome to ALERT SYSTEM






                                Bus Number : X11 
                                Location   : 1

我的JADE模板如下所示：

extends layout

block content

  p
     |                                                      Welcome to #{title}
     |   <br/>                                                                             
     |   <br/>                                                                            
     |   <br/>                                                                              
     |   <br/>                                                                              
     |   <br/>                                                                             
     |   <br/>                                                                             
     |   <br/>                                                                             
     |   <br/>                                                                             
     |                                                      Bus Number :  #{bus_no}
     |                                                      Location   :  #{location}

但它没有来。浏览器中的输出如下所示：

Welcome to ALERT SYSTEM

Welcome to Alert System Bus Number : X11 Location : 1

如何在Jade模板中编码以格式化显示？

Answer 1

首先：您希望在浏览器中显示的内容看起来不像HTML文件。 它看起来像一个ASCI文本。

如果要在HTML中执行此操作，则应使用<pre>标记，因为通常在浏览器中将多个空格显示为一个空格。

否则，您应该使用CSS来设置内容的样式和中心！

但是，这里是HTML中的ASCI解决方案：

<pre>
                       Welcome to ALERT SYSTEM






                            Bus Number : X11 
                            Location   : 1
</pre>

这里是演示：http://jsfiddle.net/BbrM6/

在Jade你需要这个：

pre.
                           Welcome to ALERT SYSTEM






                                Bus Number : X11 
                                Location   : 1

你需要 ，因为否则Jade会像浏览器一样跳过这些空格。
或者，您可以使用管道而不是点表示法。

但是对于空行，你需要在管道后面加一个空格，否则会出错。

pre
  | plain text
  | the next line will fail because there is no content
  |
  | put a whitespace in the line above to fix the syntax error