html将页面分成两列并将内容从第一列溢出到第二列

Question

我想让一个DIV像书一样分成两列，我想把第一列的内容溢出到第二列

例如:1234567890abcd 将读作

  ---------
  |1 2|90 |
  |3 4|ab |
  |5 6|cd |
  |7_8|___|

编辑:

我使用的 HTML 引擎不理解

.two-col{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

这个 CSS，我用它来渲染 HTML http://wkhtmltopdf.org

Answer 1

您可以使用 css3 属性 column-count 并实现相同的效果。

CSS

.test {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
}

FIDDLE DEMO