Я пытаюсь напечатать несколько текстовых карточек для популярной игры.У меня есть базовая таблица:
<table>
<tbody>
<tr><td><span>1</span></td><td><span>2</span></td><td><span>3</span></td></tr>
<tr><td><span>4</span></td><td><span>5</span></td><td><span>6</span></td></tr>
<tr><td><span>7</span></td><td><span>8</span></td><td><span>9</span></td></tr>
</tbody>
</table>
Каждый элемент tbody имеет следующее правило CSS:
@media footer {tbody {page-break-after: right; break-after: right;}}
Каждая карточка 2.5in на 3.5in в CSS.Только Opera 12.1 действительно правильно просматривает карты.Я знаю, что разрыв страницы - это беспорядок , хотя я либо что-то упускаю (я занимаюсь исключительно небольшими проектами, связанными с CSS / печатью), либо эта часть любого стандарта представляет собой полный беспорядок.Как мне заставить современные браузеры (например, Gecko / Waterfox и Blink / Chrome) правильно распечатать страницу?
Вот мой полный CSS:
body, html {background-color: #fff; margin: 0; padding: 0;}
table {border-collapse: collapse;}
td {border: #aaa dashed 2px; height: 3.3in; padding: .1in; vertical-align: top; width: 2.3in;}
span {font-family: Arial; font-size: 24px;}
@media footer {tbody {page-break-after: right; break-after: right;}}