在 Jade 中有空值以进行适当的布局？

Question

如图所示，我有一个地址字段，如果在两行中看起来最好。这里显示一个句点 (.) 以使其工作。我可以使用带有 "p" 标签的 Jade，该标签内部没有任何值以使双线地址字段正确显示吗？
Layout with period

这是它的代码，有问题的 "p" 标签在中间：

.panel.panel-primary
    .panel-heading
      h2.panel-title
        | #{appointment.location} Information
    .panel-body
      p 
        | Distance:
        span.pull-right.badge-default= appointment.distance
      p 
        | Address:
        span.pull-right.badge-default= appointment.address.street
      p.span.pull-right.badge-default= appointment.address.region
      p .     
      p 
        | Phone Number:
        span.pull-right.badge-default= appointment.phoneNumber
      each time in appointment.openingTimes
        p
          | #{time.days}: 
          if time.closed
            span.pull-right.badge-default closed
          else
            span.pull-right.badge-default #{time.opening} - #{time.closing}

如果没有句号，这就是它的样子： Layout with p tag empty

及其背后的代码：

.panel.panel-primary
    .panel-heading
      h2.panel-title
        | #{appointment.location} Information
    .panel-body
      p 
        | Distance:
        span.pull-right.badge-default= appointment.distance
      p 
        | Address:
        span.pull-right.badge-default= appointment.address.street
      p.span.pull-right.badge-default= appointment.address.region
      p      
      p 
        | Phone Number:
        span.pull-right.badge-default= appointment.phoneNumber
      each time in appointment.openingTimes
        p
          | #{time.days}: 
          if time.closed
            span.pull-right.badge-default closed
          else
            span.pull-right.badge-default #{time.opening} - #{time.closing}

Answer 1

为什么不放一个 break-tag 而不是带点的 p-tag？或者给带有第二个地址跨度的 p-tag 一些 margin-bottom。

  p 
    | Address:
    span.pull-right.badge-default= appointment.address.street
    br
    span.pull-right.badge-default= appointment.address.region
    br     
  p 
    | Phone Number:

在 Jade 中有空值以进行适当的布局？

Having empty values in Jade for proper layout?

layout

pug