Я конвертирую HTML в PDF, и когда PDF загружается, он показывает перекрытие текста.
введите здесь описание изображения
Пожалуйста, помогите мне найти разрешение перекрывающегося текста в PDF.
Я использую приведенный ниже файл style.css для HTML перед созданием PDF.
Я пробовал установить свойство line-height, но это не сработало. Не знаю, для какого элемента или тега необходимо установить стиль высоты строки, чтобы решить эту проблему.
/* ----- ПЕЧАТЬ ------ */ /header PDF/ @page { size: Letter;
поле: 5 мм наследовать начальное наследование;
@media print { .fullPrint .body-content {
margin-top: 0 !important; } .fullPrint #main {
margin-left: 0; } p.under-footer.draft:after {
content: attr(data-bg-text);
display: block;
размер шрифта: 11em;
position: исправлено;
цвет: rgba(0, 0, 0, 0.02);
сверху: 40%;
слева: 12%;
преобразование: поворот(-45 градусов);
поле: 0 авто;
z-индекс: 0; } body {
сброс счетчика: страница; } body, html, body * {
максимальная ширина: 22,5 см; } body * {
семейство шрифтов: Arial, Helvetica, sans-serif !important;
цвет: черный; } li {
левое поле: 15 пикселей; } table.report-container {
разрыв страницы: всегда;
пробелы: нормально; } thead.report-header {
display: table-header-group;
counter-increment: page; } tfoot.report-footer {
display: table-footer-group;
margin-top: 5px; } .number-page {
font-weight: полужирный; } .number-page:after {
content: «Страница» counter(page); } * {
поле: 0;
отступ: 0; } .body-content {
margin-top: 0 !important; } .hiddenSummaryPrint, nav {
display: none; } .requirement-context {
display: блок !important; } .titleCenter {
display: блок !important;
margin-top: 60px; } .affix {
позиция: относительная !important;
top: 0;
margin-top: 0; } .header-info {
display: inline-block;
ширина: 100%;
border-bottom: 3 пикселя, сплошной черный;
margin-bottom: 30px; } .card {
box-shadow: нет;
background: нет; } .panel-title {
размер шрифта: 17 пикселей;
вес шрифта: жирный; } .panel-title-light {
размер шрифта: 17 пикселей; } .panel-heading h3 {
размер шрифта: 17 пикселей;
text-transform: верхний регистр;
font-weight: полужирный;
padding-left: 0px; } .data-header {
float: right;
text-align: right;
display: inline-block; } .data-header-center {
font-weight: нормальный;
display: inline-block; } .logoPDF {
дисплей: встроенный блок;
ширина: 250 пикселей;
высота: автоматически;
с плавающей запятой: слева;
поле: -30 пикселей 0 1px -30 пикселей ; } .openbtn {
отображение: нет;
Подробнее здесь: https://stackoverflow.com/questions/793 ... lapping-in
Я конвертирую HTML в PDF, и когда PDF загружается, в тексте отображается перекрытие [закрыто] ⇐ CSS
Разбираемся в CSS
1737103111
Anonymous
Я конвертирую HTML в PDF, и когда PDF загружается, он показывает перекрытие текста.
введите здесь описание изображения
Пожалуйста, помогите мне найти разрешение перекрывающегося текста в PDF.
Я использую приведенный ниже файл style.css для HTML перед созданием PDF.
Я пробовал установить свойство line-height, но это не сработало. Не знаю, для какого элемента или тега необходимо установить стиль высоты строки, чтобы решить эту проблему.
/* ----- ПЕЧАТЬ ------ */ /header PDF/ @page { size: Letter;
поле: 5 мм наследовать начальное наследование;
@media print { .fullPrint .body-content {
margin-top: 0 !important; } .fullPrint #main {
margin-left: 0; } p.under-footer.draft:after {
content: attr(data-bg-text);
display: block;
размер шрифта: 11em;
position: исправлено;
цвет: rgba(0, 0, 0, 0.02);
сверху: 40%;
слева: 12%;
преобразование: поворот(-45 градусов);
поле: 0 авто;
z-индекс: 0; } body {
сброс счетчика: страница; } body, html, body * {
максимальная ширина: 22,5 см; } body * {
семейство шрифтов: Arial, Helvetica, sans-serif !important;
цвет: черный; } li {
левое поле: 15 пикселей; } table.report-container {
разрыв страницы: всегда;
пробелы: нормально; } thead.report-header {
display: table-header-group;
counter-increment: page; } tfoot.report-footer {
display: table-footer-group;
margin-top: 5px; } .number-page {
font-weight: полужирный; } .number-page:after {
content: «Страница» counter(page); } * {
поле: 0;
отступ: 0; } .body-content {
margin-top: 0 !important; } .hiddenSummaryPrint, nav {
display: none; } .requirement-context {
display: блок !important; } .titleCenter {
display: блок !important;
margin-top: 60px; } .affix {
позиция: относительная !important;
top: 0;
margin-top: 0; } .header-info {
display: inline-block;
ширина: 100%;
border-bottom: 3 пикселя, сплошной черный;
margin-bottom: 30px; } .card {
box-shadow: нет;
background: нет; } .panel-title {
размер шрифта: 17 пикселей;
вес шрифта: жирный; } .panel-title-light {
размер шрифта: 17 пикселей; } .panel-heading h3 {
размер шрифта: 17 пикселей;
text-transform: верхний регистр;
font-weight: полужирный;
padding-left: 0px; } .data-header {
float: right;
text-align: right;
display: inline-block; } .data-header-center {
font-weight: нормальный;
display: inline-block; } .logoPDF {
дисплей: встроенный блок;
ширина: 250 пикселей;
высота: автоматически;
с плавающей запятой: слева;
поле: -30 пикселей 0 1px -30 пикселей ; } .openbtn {
отображение: нет;
Подробнее здесь: [url]https://stackoverflow.com/questions/79363689/i-am-converting-html-to-pdf-and-when-pdf-is-downloaded-it-shows-overlapping-in[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия