html - 如何触发jade/pug中的新行?

标签 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!

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

最佳答案

添加<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> 中标签

关于html - 如何触发jade/pug中的新行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49675099/

相关文章:

html - 一些 CSS 样式表没有链接到 HTML

javascript - 在浏览器 session 之间保持用户登录状态

javascript - 我设置的高度和宽度值与返回值不一致是什么原因?

javascript - 显示上一分钟可变数字的函数

javascript - express /哈巴狗。服务器端渲染与客户端渲染

css - 尝试在 CSS 中将 "figure"标记居中(不使用 Div)

node.js - Aws lambda 描述实例超时

node.js - 在 Heroku 上部署 React Redux 入门套件

javascript - 如何在 Jade 编译之前将 Javascript 对象包含在 Jade 模板中

javascript - Node.js/jade——如何将 mysql 数据作为局部变量传递到内联 javascript 中?