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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的CSS相关文章