Использование разрыва страницы на скрытом div

0

Как я могу получить page-break-after работы с div, который я показываю как display:none с @media screen?

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

ПРИМЕР

это результат, который я получаю:

Изображение 174551

Теги:
image
page-break

2 ответа

1
Лучший ответ


В вашем текущем CSS вы имеете:

@media screen { .image { display:none; } }

@media print { .image { break-after:always;} }

.one { width:200px; height:100px; background-color:#339999;}

Где у вас есть:

     @media print { .image { break-after:always;} }

Попробуйте изменить это на:

     @media print { .image { page-break-after:always;} }

Надеюсь, это сработает.

Поделиться
  • 0
    Извините, я уже пробовал page-break-after другую page-break-after ранее, но это также не работает
  • 0
    И все это было напечатано на одной странице?
Показать ещё 8 комментариев
1

Это для других людей, которые смотрят этот обзор.
Новый файл css, я удалил ссылку для загрузки, вот так вот:

.image { display:none;}

@media print 
{ 
.image { page-break-after:always; display:table;} 
.one {display:table;}
}

.one { width:200px; height:100px; background-color:#339999;}
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню