Skip to content

Mutiple pages cheatsheet #687

Answered by ggrossetie
ferandec asked this question in Q&A
Mutiple pages cheatsheet #687
@ferandec ferandec
Jun 14, 2023 · 1 comments · 1 reply
Answered by ggrossetie Return to top
Discussion options

ferandec
Jun 14, 2023

You must be logged in to vote
Answered by ggrossetie Jun 14, 2023

Here's an example using column-count and column-fill:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    @import 'https://fonts.googleapis.com/css?family=Roboto:400,500';

    @page {
        size: 261mm 161mm;
        margin: 1.75em;
        padding: 0;
    }

    html, body {
        margin: 0;
        padding: 0;
        color: #4a4a4a;
        text-align: justify;
        font-size: 18px;
    }

    main {
        column-count: 3;
        column-fill: balance;
        border: 1px solid #600000;
    }

    @media print {
        main {
            column-fill: auto;
        }
    }

    section {
        border: 2px solid #00…
View full answer

Replies: 1 comment 1 reply

Comment options

ggrossetie
Jun 14, 2023
Maintainer

You must be logged in to vote
1 reply
@ferandec
Comment options

ferandec Jun 16, 2023
Author

Answer selected by ferandec
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants
@ferandec @ggrossetie