Flexbox не разбивает на страницы в режиме печати (и другие проблемы) - PullRequest
Новая
       19

Flexbox не разбивает на страницы в режиме печати (и другие проблемы)

0 голосов
/ 01 декабря 2018

У меня есть простая веб-страница: 

for (var i = 0; i < 1000; i += 1) {
  document.write("<div>The quick brown fox jumps over the lazy dog. " + i * 1001 + " <hr /> The lazy brown fox quickly jumps over my dog.</div>");
}
body {
  display: flex;
  flex-flow: row wrap;
}
body > div {
  page-break-after: auto;
  border: 1px solid #ccc;
  padding: 1em;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 2.5cm;
}

Когда вы заходите в режим предварительного просмотра, вы видите, что конечная часть страницы вообще не печатается.И если вы прокрутите вниз, flexbox полностью перестанет пытаться заставить строки работать в какой-то момент.

Решены ли эти проблемы?Если нет, есть ли другой способ создания такого рода динамической сетки, которая не имеет этих проблем?(Весь смысл в том, чтобы создать распечатку.)

...