Я написал несколько таблиц стилей, включая print.css, и он отлично работает.
Я хочу удалить URL из печати на каждой из страниц. Я начинаю задаваться вопросом, невозможно ли это. Есть ли элемент/параметр, который я могу установить для отображения: none для этого?
Причина в том, что конкретные страницы с таблицей стилей "normal" и "print" были специально отформатированы, поэтому при печати она формирует значимый буклет. Поэтому URL-адрес не имеет значения.
В Firefox https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383 (просмотреть источник страницы:: тег HTML).
В вашем коде замените <html> на <html moznomarginboxes mozdisallowselectionprint>.
В других браузерах я не знаю, но вы можете просмотреть http://www.mintprintables.com/print-tips/header-footer-windows/
К сожалению, нет. Верхний и нижний колонтитулы генерируются браузером. Только конечный пользователь может изменить нижний колонтитул - может быть, идея дать пользователю шаг за шагом для каждого браузера, что делать. См. Например здесь для набора иллюстрированных проходов для браузеров на основе Windows.
Единственная альтернатива, которую я знаю, это создание PDF файлов, с помощью которых вы полностью контролируете печатный результат.
Используйте этот код. Это поможет решить вашу проблему.
@media print
{
@page { margin: 0; }
body { margin: 1.6cm; }
}
@media print
{
a[href]:after { content: none !important; }
img[src]:after { content: none !important; }
}
вы можете попробовать это в таблице стилей:
@page{size:auto; margin-bottom:5mm;}
Но это также удаляет номер страницы
Это решение сделает трюк в Chrome и Opera, установив margin в 0 в директиве css @page. Он не будет (в настоящее время) работать для других браузеров, хотя...
Если я правильно вас понимаю, вы говорите о верхних и нижних колонтитулах. Они печатаются браузером. Они не являются частью вашего HTML-контента, поэтому вы не можете напрямую влиять на них.
Покажите пользователям, как отключить верхние и нижние колонтитулы в диалоговом окне "Настройка страницы...".
Это зависит от вашего веб-браузера. Если вы используете Firefox, вы можете настроить или отключить эти строки заголовка и нижнего колонтитула (URL, номер страницы и т.д.), Перейдя в меню "Файл" > "Параметры страницы", затем щелкнув вкладку "Поля и верхний/нижний колонтитул".
Верхние и нижние колонтитулы для печати из браузеров - это, к сожалению, предпочтение браузера, а не элемент уровня документа, который вы можете создать. См. мой очень похожий вопрос для дальнейших обходных решений и разочарований.
Исторически было невозможно сделать эти вещи исчезными, поскольку они являются пользовательскими настройками и не считаются частью страницы, на которую вы контролируете.
http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins
Однако с 2017 года стандартное правило @page было стандартизовано, что может быть использовано для скрытия заголовка и даты страницы в современных браузерах:
@page {size: auto; край: 0 мм; }
Кредит Vigneswaran S для этого наконечника.
Я также пробовал все, но, наконец, я пишу ниже кода, чтобы сделать URL короче:
var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);
Но вам нужно создать пользовательскую кнопку PRINT для клика пользователя.
Удалите URL-адрес из верхнего и нижнего колонтитула, используя метод ниже
@page { size: letter; margin-top: 4mm;margin-bottom: 4mm }
Я предполагаю, что вы говорите о URL-адресе, который отображается в нижнем колонтитуле страницы.
Если это так, это задается браузером, и это не то, что вы можете сделать из своего кода.
Я не уверен, но URL-адрес добавляется браузером, когда вы хотите распечатать. Это не часть страницы, поэтому CSS не может быть затронут. Возможно, есть способ, но он будет зависимым от браузера.
Теперь мы можем сделать это с помощью:
<style type="text/css" media="print">
@page {
size: auto; /* auto is the initial value */
margin: 0; /* this affects the margin in the printer settings */
}
</style>
Источник: fooobar.com/questions/107130/...
Это проблема браузера. Но вы можете решить эту проблему с помощью следующей строки кода:
<style type="text/css" media="print">
@media print
{
@page {
margin-top: 0;
margin-bottom: 0;
}
body {
padding-top: 72px;
padding-bottom: 72px ;
}
}
</style>
В Internet Explorer откройте "Инструменты". Нажмите на параметр печати, а затем настройте страницу. Под заголовками и нижним колонтитулом сделайте все варианты "пустыми". Затем он не будет распечатываться на печатных страницах.
Надеюсь, это поможет.