Ich brauche zum erstellen eines Berichts in HTML, dass ist in A4 Größe, wie kann ich das tun?

Ich brauche, um einen Bericht im HTML-Format sein soll A4-Größe genau. Es braucht Kopf-und Fußzeilen. Sicherlich kann man mit css ja?

hat jemand irgendwelche Beispiele oder ein Beispiel-code dafür?

Habe ich gegoogelt und den code-Schnipsel habe ich alle reden über media queries und es funktioniert nicht..

also im Grunde ist es für print-Zwecke, der generierte html-Code wird umgewandelt in ein PDF-Dokument.
Ich bin mit MVC4 und kein tool gefunden, das wird konvertieren Sie eine PDF-Datei. Eine Sicht ist nur reines HTML. Also dachte ich, warum nicht Stil, die HTML darstellen, den Ausgabe-report, dann PDF.

So, ich muss die Möglichkeit haben, einen header und einen footer (unten auf der Seite) und dann den Inhalt in der Mitte der beiden

Habe ich versucht mit dem folgenden code, aber es scheint nicht zu funktionieren..

<html>
<head>
    <style type="text/css" media="all">
        @page {
            size: A4 portrait; /* can use also 'landscape' for orientation */
            margin: 1.0in;
            border: thin solid black;
            padding: 1em;

            @bottom-center {
                content: element(footer);
            }

            @top-center {
                content: element(header);
            }
        }

        #page-header {
            display: block;
            position: running(header);
        }

        #page-footer {
            display: block;
            position: running(footer);
        }

        .page-number:before {
            content: counter(page); 
        }

        .page-count:before {
            content: counter(pages);  
        }
    </style>
</head>

<body>
    <div id="page-header">
        <p>Header text</p>
    </div>

    <div id="page-footer">
        <p>Footer text</p>
        <p>Page <span class="page-number"/> of <span class="page-count"/></p>
    </div>

    <div id="page-content">
        <p>Page 1.</p>

        <p style="page-break-after:always;"/>

        <p>Page 2.</p>
    </div>
</body>
</html>
Ich denke ehrlich gesagt, dass media queries sind der Weg zu gehen. Ist das nicht genau das, was Sie sind konzipiert für? @media print können Sie genau festlegen, wie die Seite Aussehen soll, wenn Sie gedruckt werden. Aber... ich habe nie versucht, so etwas wie dieses, es ist also nur ein "Erster Gedanke' Art der Sache...
Beispiele dafür? ich habe versucht mit fanuriotimetracking.com/files/releases/2.7/help/html/... rufen Sie die sample Seite.. funktioniert nicht
#a4 { width: 8.27in; height: 11.69in; }

InformationsquelleAutor user2206329 | 2013-12-10

Schreibe einen Kommentar