css – 如何使用两列的layout.js？

我使用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>

原文地址：https://www.jb51.cc/css/219356.html