распечатать веб-страницу в две колонки - PullRequest
Новая
       15

распечатать веб-страницу в две колонки

3 голосов
/ 10 мая 2010

Как напечатать веб-страницу в два столбца или один столбец в соответствии с пользовательским вводом / выбором.

И когда я получаю распечатку, я получаю URL-адрес веб-сайта в верхнем левом углу. Как мы можем перестать печатать это?

Привет

Ответы [ 5 ]

2 голосов
/ 10 мая 2010

При указании <link> (например, для таблицы стилей CSS) вы можете указать медиа-атрибут , чтобы CSS использовался только для печати или экрана. (или шрифт Брайля!) CSS в этом файле может изменить стиль вашего сайта на столбцы, если вы считаете нужным. 

<link type="text/css" rel="stylesheet" href="print.css" />

Вы можете указать два таких файла CSS для печати, как этот, и - с помощью JavaScript - запросить у пользователя, какой CSS-файл использовать при печати, переключая элемент disabled <link>: 

var printCSS = document.getElementsByTagName("link")[n];
printCSS.disabled = true;
printCSS.disabled = false;
1 голос
/ 10 мая 2010

В Mozilla вы можете использовать стиль -moz-column-count: 

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
  <title>Two columns</title>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
</head>
<body>

  <div style='-moz-column-count:2'>
     one<p>
     two<p>
     three<p>
     four<p>
     five<p>
     six
  </div>

</body>
</html>

Это не работает с IE, однако, и я не думаю, что есть что-то эквивалентное для IE, также.

Что касается печати URL-адреса, другие уже отметили, что вы не можете его контролировать. Пользователь может (и я обычно это делаю) в Firefox в диалоговом окне File -> Page Setup -> Margins & Header/Footer: установить верхний и нижний колонтитулы на blank.

1 голос
/ 10 мая 2010

Вы можете добавить таблицу стилей, специфичную для печати, и теоретически она позволит вам печатать содержимое в 2 или 1 столбце, в зависимости от выбора пользователя и от того, насколько хорошо организован ваш html.

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

0 голосов
/ 10 мая 2010

Как распечатать веб-страницу в два столбца или один столбец в соответствии с пользовательским вводом / выбором.

Вы могли бы предоставить альтернативную таблицу стилей , используя @ media rule для предоставления другого макета, который применяется только к печатным носителям ... но я подозреваю, что это лучше выкл. слева от настроек принтера пользователя.

И когда я получаю распечатку, я получаю URL-адрес веб-сайта в верхнем левом углу. Как мы можем перестать печатать это?

Это настройки браузера. Авторы не могут удалить его.

0 голосов
/ 10 мая 2010

URL-адрес, отображаемый на странице, является настройкой браузера и не может контролироваться скриптом.

Две печати в двух столбцах, убедитесь, что ваш HTML использует таблицу стилей печати и убедитесь, что ваш HTML можно легко переформатировать в два столбца, используя float .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...