AsciiDoctor中的自定义（多列）<div>？

Question

我想布置（也许打印）我的AsciiDoctor文档，这是一张主要是桌子的备忘单。

获取多列HTML输出并获取多列PDF进行打印的最佳方法是什么？

我发现了

#col {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}

可以在带有<div>的HTML中使用，但到目前为止我手动修改了HTML。 （我只是猜测该怎么做，因为我不是网络开发者。）

有没有办法在AsciiDoctor源文件中包含此样式和div？

获取多列PDF的最佳方法是什么？

Answer 1

这说明了如何针对HTML执行此操作。

使用HTML输出时，可以将CSS添加为传递内容（++++）。您的示例如下所示：

++++
<style>
#col {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
</style>
++++

然后您也可以使用传递内容在一些内容周围添加div：

++++
<div id="col">
++++

This

Is 

Multicolumn 

text

++++
</div>
++++

但是要为块分配ID，您可以采用更便携的方式编写

[[col]]
--
This

Is 

Multicolumn 

text
--

由于#col是元素ID的CSS选择器，因此使用CSS类.col可能更方便。然后，您可以具有相同样式的多个块-并不是现在块样式使用单括号而不是ID上面的双括号。

++++
<style>
.col {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
</style>
++++

[col]
--
This

Is 

Multicolumn 

text
--

[col]
--
This

Is 

Multicolumn 

text
--

最后一个代码片段将产生以下内容：