Ich konvertiere HTML in PDF und beim Herunterladen von PDF werden Überlappungen im Text angezeigtHTML

HTML-Programmierer
Guest
 Ich konvertiere HTML in PDF und beim Herunterladen von PDF werden Überlappungen im Text angezeigt

Post by Guest »

Ich konvertiere HTML in PDF und wenn PDF heruntergeladen wird, werden Überlappungen im Text angezeigt.
Geben Sie hier die Bildbeschreibung ein
Bitte helfen Sie mir, die Auflösung von überlappendem Text zu finden PDF.
Ich verwende die folgende style.css-Datei für HTMl, bevor ich PDF erzeuge
Ich habe versucht, die Eigenschaft „line-height“ festzulegen, aber es hat nicht funktioniert. Ich bin mir nicht sicher, für welches Element oder Tag der Zeilenhöhenstil festgelegt werden muss, um dieses Problem zu beheben.

/* ----- PRINT ------ */ /Header PDF/ @page { Größe: Buchstabe;

Rand: 5 mm inherit initial inherit;
@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;
font-size: 11em;
position: fest;
Farbe: rgba(0, 0, 0, 0.02);
oben: 40 %;
links: 12 %;
transformieren: rotieren (-45 Grad);
margin: 0 auto;
z-index: 0; } body {
counter-reset: page; } body, html, body * {
max-width: 22,5 cm; } body * {
Schriftfamilie: Arial, Helvetica, Sans-Serif !important;
Farbe: schwarz; } li {
margin-left: 15px; } table.report-container {
page-break-after: immer;
white-space: normal; } thead.report-header {
display: table-header-group;
counter-increment: page; } tfoot.report-footer {
display: table-footer-group;
margin-top: 5px; } .number-page {
font-weight: Bold; } .number-page:after {
content: "Seite " counter(page); } * {
margin: 0;
padding: 0; } .body-content {
margin-top: 0 !important; } .hiddenSummaryPrint, nav {
display: none; } .requirement-context {
display: block !important; } .titleCenter {
display: block !important;
margin-top: 60px; } .affix {
position: relative !important;
top: 0;
margin-top: 0; } .header-info {
display: inline-block;
width: 100 %;
border-bottom: 3px einfarbig schwarz;
margin-bottom: 30px; } .card {
box-shadow: none;
background: none; } .panel-title {
Schriftgröße: 17px;
Schriftstärke: fett; } .panel-title-light {
font-size: 17px; } .panel-heading h3 {
Schriftgröße: 17px;
Texttransformation: Großbuchstaben;
Schriftstärke: fett;
padding-left: 0px; } .data-header {
float: right;
text-align: right;
display: inline-block; } .data-header-center {
font-weight: normal;
display: inline-block; } .logoPDF {
display: inline-block;
width: 250px;
height: auto;
float: left;
margin: -30px 0 1px -30px ; } .openbtn {
display: none;

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post