我使用reveal.js并在Markdown代码中写我的幻灯片。现在我想在经典的两列文本布局中显示我的内容(文本,无序列表的项目符号或甚至图像)。我希望在初始配置中可能会更复杂的解决方案,只要在Markdown中实际写入内容就很容易。
更新:由于第一个答案表明这应该用CSS来实现。 (我更新了我的问题。)然而,我找不到任何描述如何使用CSS。
解决方法
我在一个外部的css文件custom.css中创建了两个ID,这个文件是附加到我的reveal.js文件,并在YAML头文件中使用了css:custom.css。
#left { left:-8.33%; text-align: left; float: left; width:50%; z-index:-10; } #right { left:31.25%; top: 75px; float: right; text-align: right; z-index:-10; width:50%; }
我把div元素放在我的markdown文档中,使用右边和左边的ID来生成一个两列的布局。
<div id="right"> - You can place two graphs on a slide - Or two columns of text - These are all created with div elements </div>