如何使代码示例更大?

时间:2014-04-21 19:47:56

标签: reveal.js

我的Reveal.js幻灯片中经常有代码示例,这些代码示例可能非常大。但是,代码块(pre和code标签)似乎始终具有最大高度。经过一定的高度,它想要滚动而不是增长盒子。我还没有弄清楚如何使它成长(垂直,但也在地平线上)以填充可用区域而不是滚动。我没有兴趣暂停我的演示文稿滚动鼠标只是为了显示更多的代码。 :-)有什么建议吗?

1 个答案:

答案 0 :(得分:6)

Reveal.js提供的CSS似乎是responsible for the vertical limit。 因此,似乎你别无选择,只能自己调整css。

例如,修改文件css/reveal.css(并重新生成css/reveal.min.css)。

或者您可以尝试使用您提供的其他主题覆盖此值。例如,将css/theme/default.css复制到css/theme/mine.css,为代码块定义所需的样式,并在<head>演示文稿文件的.html中链接到此文件。