«@media print» печатает несколько страниц в зависимости от высоты родительского элемента - PullRequest
Новая
       6

«@media print» печатает несколько страниц в зависимости от высоты родительского элемента

0 голосов
/ 15 февраля 2019

Я пытаюсь напечатать содержимое модального канала с помощью запросов @media.Это работает, за исключением случаев, когда содержимое на странице достаточно длинное, диалоговое окно печати печатает несколько пустых страниц.

Есть идеи, как сделать так, чтобы игнорировать высоту внешних элементов? 

<html>
<style>
    .one {
        height: 2000px;
        background-color: aliceblue;
    }

    .print {
        height: 100px;
        width: 150px;
        background-color: black;
        margin: auto;
        color: rgb(255, 255, 255);
    }

    @media print {

        body,
        body * {
            visibility: hidden;
        }

        .print {
            visibility: visible;
        }
    }
</style>


<body>
    <div class="one">
        Hello
        <div class="print">
            Goodbye
        </div>
    </div>
</body>
</html>

(В исходном коде я печатаю изображение и фактически получаю изображение для каждой страницы)

...