Расширить столбцы переполнения (превышающие количество столбцов) вертикально (до новых строк), а не горизонтально? - PullRequest
Новая
       86

Расширить столбцы переполнения (превышающие количество столбцов) вертикально (до новых строк), а не горизонтально?

0 голосов
/ 17 октября 2018

У меня очень длинный текстовый контент, который я продвигаю в столбцы со свойством column-count, например: 

<style>
  body {
    font-size: 14px;
    width: 297mm;
    font-family: Calibri;
  }
  div {
    width: 100%;
  }
  .text-container {
    column-count: 3;
    column-fill: auto;
    height: 120mm;
  }
</style>
<body>
<div class="text-container">
    Text line 1
    Text line 2
    Text line 3
    ...
    Text line 10,000
    ...
</div>

Я пытаюсь разместить этот многострочный текст в нескольких столбцах и строках (3 столбца).за ряд).Кроме того, я хочу добавить разрыв страницы перед каждой новой строкой (так как я хочу, чтобы wkhtmltopdf печатал каждые 3 столбца на отдельной странице.)

Этот график иллюстрирует поведение по умолчанию (это больше столбцов переполнения)более 3 "расширены по горизонтали), в отличие от того, что я с нетерпением жду (расширить каждый новый 3 столбца в отдельной строке с атрибутом разрыва страницы перед тем, чтобы wkhtmltopdf печатал каждые 3 столбца на отдельной странице.) enter image description here

Желательно, если есть решение только для HTML / CSS (без JavaScript).

...