Печать из Chrome не центрирована - PullRequest
5 голосов
/ 10 июня 2011

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

<html>
<head>
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />
    <!-- print.css is empty -->
</head>
<body style="text-align: center; margin: 0 auto;">
    <div>
        <div style="font-size:48pt">
            Pretty Long-Long-Long Title
        </div>
        <img src="content/images/sample.jpg" style="width:80%"/>
    </div>
</body>
</html>

Страница выглядит хорошо и центрирована во всех браузерах.Страница печатается хорошо (по центру) в IE и Firefox, но в Chrome поле всего тела выровнено по левому краю и намного меньше ширины страницы.Есть ли какие-нибудь шепоты, которые помогли бы напечатать центрированные заголовок / изображение из Chrome?


Проблема решена.Проблема была в самом Chrome.Точнее, в режиме предварительного просмотра, который использует плагин Chrome PDF Writer.Похоже, что Chrome PDF Writer не распознает размер страницы и не имеет настроек страницы.Я отключил предварительный просмотр печати в Chrome, установил Adobe PDF Printer и все печаталось нормально с моим исходным фрагментом кода.

1 Ответ

3 голосов
/ 10 июня 2011

попробуйте это

<body>
    <div align="center" style="text-align:center;">
        <div style="font-size:48pt">
            Pretty Long-Long-Long Title
        </div>
        <img src="content/images/sample.jpg" style="width:80%"/>
    </div>
</body>

либо

<div align="center" style="text-align:center;">

или

<div style="text-align:center;margin:0 auto;">

работало для меня в Chrome, напечатано в PDF

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