如何在Jade/Pug中触发换行？表格单元格内属性换行求助

嘿，我来帮你搞定这个换行的问题！要在同一个表格单元格里让姓名和出生日期各占一行，有两种简单好用的方法，我给你详细说说：

方法一：使用HTML换行标签（<br>）+ 不转义输出 #

你原来的代码用了=来输出内容，Pug会默认转义HTML标签，所以直接加<br>是没用的。改成!=就能让Pug不转义标签，直接渲染成换行：

table#posts(style="float:right; border: 1px solid green")
  tbody
    each post in data
      tr
        td(style="border: 1px solid green")!= 'Name: ' + post.firstname + ' ' + post.lastname + '<br>Date of Birth: ' + post.dob
        td(style="border: 1px solid green") buttons
    else
      tr
        td No posts!

方法二：用Pug的多行文本语法（更推荐） #

这种写法更符合Pug的风格，代码可读性更高，也不用拼接长长的字符串：

table#posts(style="float:right; border: 1px solid green")
  tbody
    each post in data
      tr
        td(style="border: 1px solid green")
          | Name: #{post.firstname} #{post.lastname}
          br
          | Date of Birth: #{post.dob}
        td(style="border: 1px solid green") buttons
    else
      tr
        td No posts!

这里用|来标记纯文本内容，br直接写换行标签，变量用#{}插入，看起来清爽多了对吧？

内容的提问来源于stack exchange，提问作者A.A