24

テーブルを使用して、すべてのページにフッターを作成しています (Firefox で動作します。これで十分です)。

JS フィドル: https://jsfiddle.net/j9k2xzze/

(出力ペインを右クリック -> このフレーム -> 新しいタブでフレームを開く。その後、印刷プレビューは通常どおり機能します)

<table id="wrapper">
    <thead>
    <tr>
        <td id="header"></td>
    </tr>
    </thead>

    <tfoot>
    <tr>
        <td colspan="0" id="footer">
            <img src="footer.jpg"/>
        </td>
    </tr>
    </tfoot>

    <tbody>
    <tr>
        <td id="content">
            <?php echo $html; ?>
        </td>
    </tr>
    </tbody>
</table>

ただし、最後のページでは、テーブル フッターがテキストのすぐ下に表示されます。テキストが最後のページよりも短い場合、フッターはそこにくっつきます。

フッターを最後のページの一番下に配置するのが好きです。残念ながら、@page 拡張機能は Firefox では機能しないか、間違っています:

@page:last {
  #footer {
    position: absolute;
    bottom: 0;
  }
}
4

3 に答える 3

-5

こんにちは、CSS に次のメディア クエリを追加しました。そして、それは動作します

@media print {
 #footer {
    position: absolute;
    bottom: 0;
  }
}

次のフィドルを確認してください

https://jsfiddle.net/jjsqgaza/

于 2015-11-12T08:45:30.863 に答える