#html #css
#HTML #CSS
Вопрос:
Я пытаюсь создать веб-страницу с использованием HTML и CSS, но когда я пытаюсь распечатать страницу, пунктирные линии становятся прямыми.
CSS
.box-heading { padding-top: 10px; border-top:.5pt dotted black; text-align: center; border-bottom:.5pt dotted black; padding-bottom: 8px; margin-bottom: 24px; } Когда я печатаю, пунктирная линия становится прямой.
Комментарии:
1. Вы тоже видите прямую линию в предварительном просмотре? Если нет — исправьте свой принтер или запишите размер границы в пикселях
2. вам нужно добавить встроенный стиль вместо класса css
3. Я попытался воссоздать проблему с помощью данного кода, но я не получаю прямой линии в обзоре печати.
Ответ №1:
Вероятно, проблема в ваших настройках печати.
Идеальный размер страницы для веб-страницы-A4.
Если вы используете любой другой размер, он изменит исходные пиксели, и это может быть причиной того, что вы получаете прямую линию вместо пунктирной линии.
Комментарии:
1. Я использую библиотеку html2pdf
2. @KumarShivam Эта информация меняет многие случаи. Возможно, html2pdf неверно отображает HTML
3. @KumarShivam В этом случае попробуйте использовать единицы относительной длины.