如何在Jade中创建带有标题的图形

时间:2015-03-08 20:07:49

标签: node.js html5 pug figure reveal.js

我使用reveal.js创建演示文稿,我希望它包含数字和图形标题。这是我试图制作的幻灯片:

section
  h2 Slide title
  figure
    img(src="images/image.png" align="right" width="70%")
    figcaption Here are some details about the image.

不幸的是,这只会将带有标题的图片显示为p元素。任何人都知道如何在Jade中正确创建带字幕的数字?

2 个答案:

答案 0 :(得分:0)

这是在Jade中执行此操作的正确方法,您可以从输出HTML中看到。你只需要使用一些自定义样式(CSS或其他)使它看起来更漂亮。

答案 1 :(得分:0)

只需改变一下:

figcaption Here are some details about the image.

到此:

figcaption = Here are some details about the image.