Я пытаюсь обойти необходимость в PDF-компоненте, создав хорошую таблицу стилей для печати.
У меня есть два файла CSS, site.css и print.css. Они загружаются через следующее:
<link href="site.css" rel="stylesheet" type="text/css" />
<link href="print.css" rel="stylesheet" type="text/css" media="print"/>
site.css - это большой, длинный и скучный файл CSS с добавлением
.printonly
{
display: none;
}
Это применяется к элементам в документе, который я добавил, с единственной целью печати, которую я не хочу на странице. Он существует только в файле site.css.
Когда изображение загружается через <img class="printonly" src="image.png" id="logo" alt="logo"/> Его не видно на распечатанном листе.
Если я уроню class="printonly", то картинка будет просто помещена на распечатанную страницу.
Это заставляет меня поверить, что оно набирает site.css даже при попытке печати.
Есть ли способ обойти это, или кто-нибудь может предложить что-нибудь?
Для завершения я включил весь файл print.css, однако я не уверен, что он действительно нужен:
body {
width: 210mm;
height: 297mm; }
#logo {
margin-left: 50%;
margin-right: 50%; }
.noprint {
display: none; }