Фиксированный липкий нижний колонтитул для печати только для последней страницыCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Фиксированный липкий нижний колонтитул для печати только для последней страницы

Сообщение Anonymous »

У меня есть это может быть big или small иногда только на одной странице, а иногда он может расти на 10 страниц и Итак.

Код: Выделить всё

div{
position:relative;
height:100vh;
}

.table-blue{
width:100%;
background:lightblue;
}

.table-blue td{
padding:5px 10px;
}

.table-blue-fotter{
position: absolute;
bottom: 20px;/* for bottom gap */
left: 0px;
width:100%;
background:gray;
}

@media print {
.table-blue-fotter{
position: fixed;
bottom: 20px;
left:0px;
width:100%;
background:gray;
}< /code>



one
one test


two
two test


three
three test





one
one test
one test


two
two test
one test


three
three test
one test



< /code>
< /div>
< /div>
< /p>

[b] скрип для проверки свойств < /strong> - Это работает для меня хорошо. Но если таблица станет долго, история изменится на  это [/b].

во втором представлении, когда первая  
получает Long, в представлении print нижний колонтитул появляется на каждой странице.

Так что я хочу. Table-Slue-Fotter < /code> появиться только на последней странице представления печати в нижнем крае страницы независимо от высоты содержания. < /p>



только на последней странице

Запрыгивание для CSS исправить.

Подробнее здесь: https://stackoverflow.com/questions/488 ... -last-page
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»