Question

这应该是最简单的事情，但由于某种原因，我没有得到我所期望的。我的模板很简单：

p The following user just signed up!
ul
  li= user.name
  li= user.email
  li  Sticker Code: #{user.code}
  li: p #{user.address_line1}
      if user.address_line2
        p #{user.address_line2}
      p #{user.address_city}, #{user.address_state} #{user.address_zip}

我尝试做的就是让地址出现在ONE li标签中，地址行2（如果存在）。相反，我在最后一个li前面有一个换行符，当没有地址时我在换行符2的空行。我尝试了大约一百万种不同的变化，除了自己编写恶臭的HTML之外，我还是厌倦了把头撞在墙上。我知道这很简单，所以有人得到一些简单的观点，所以我可以专注于更紧迫的问题。

感谢!!!

Answer 1

如果您的Web浏览器中有检查器，则可以看到DOM元素的各种属性。这些属性包括保证金。

大多数浏览器的默认设置是p标签的上下限。这个边距是导致在地址的第一行之前有换行的原因。

我已经重新设计了您的模板，因此它只使用换行符而不是段落标记来将内容放在不同的行上。这更有意义，因为地址的行不是实际的段落。

p The following user just signed up!
ul
  li= user.name
  li= user.email
  li  Sticker Code: #{user.code}
  li
    | #{user.address_line1}
    if user.address_line2
      br
      | #{user.address_line2}
    br
    | #{user.address_city}, #{user.address_state} #{user.address_zip}

如何在Jade中正确嵌套li标签

1 个答案: