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

Question

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

Кроме того, если на странице недостаточно места для печати, необходимо перейти на вторую страницу.

Что это такое

У меня есть блок div, который является легендой для таблицы.Он описывает поля таблицы более подробно.

То, что я пробовал до сих пор

Я попробовал метод фиксированного нижнего колонтитула:

@media print {
    #legend {
        position: fixed; 
        bottom: 0;
    }
 }

Каким-то образом он начал печатать мою легенду на всех страницах, а не только на первой странице, где она мне нужна.Также, когда мой стол слишком длинный, он перекрывает легенду.Это не желательно.Я не уверен, как поступить.

Answer 1

Кажется, у меня есть некоторый успех с

@media print :first {
    #legend {
        position: absolute;
        bottom: 0;
    }        
}

, а затем программно разбивает таблицу в моем коде, где, то есть после строки 25, я вставляю класс в строку, чтобы вызвать разрыв страницы.Или после строки 25 остановите эту таблицу (</table>), перезапустите новую 2-ую (<table>), которая перейдет на следующую страницу