如何在玉/哈巴狗中触发新行?

时间:2018-04-05 14:38:58

标签: html node.js 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  + 'Date of Birth: ' + post.dob
                    td(style="border: 1px solid green") buttons                    
            else
                 tr  
                    td No posts!

我希望新行在姓名和出生日期之间。感谢任何帮助,谢谢!

2 个答案:

答案 0 :(得分:0)

添加<br />代码

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!

您还可以在<p>标记

中附上姓名和出生日期文本

答案 1 :(得分:0)

将文字放在带有前面的|

的新行上
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!